Question

实现GET方式的Ajax请求

Answer 1

要实现使用GET方式的Ajax请求，你可以使用JavaScript的XMLHttpRequest对象。以下是一个简单的示例：

// 创建一个XMLHttpRequest对象  

var xhr = new XMLHttpRequest();  

// 设置请求方式和URL  

xhr.open('GET', '接口地址', true);  

// 发送请求  

xhr.send();  

// 监听请求状态  

xhr.onreadystatechange = function() {  

if (xhr.readyState === 4 && xhr.status === 200) {  

// 处理响应数据  

var responseText = xhr.responseText;  

console.log(responseText);  

} else if (xhr.readyState === 4) {  

// 处理请求错误  

console.error('请求发生错误');  

}  

};

上面的代码创建了一个XMLHttpRequest对象，并使用open()方法设置了使用GET方式向“接口地址”发送请求。send()方法用于发送请求。然后，通过监听readyStateChange事件来处理响应或错误。

当请求成功时，readyState属性将变为4，status属性将变为200。此时，可以使用responseText属性获取响应数据。如果请求发生错误，可以在readyState属性值为4时处理错误。

请注意，为了使用GET方式发送请求，必须确保URL中包含查询字符串（即?后面的部分），以便将数据发送到服务器。如果需要发送其他类型的数据，可以使用POST方式，通过send()方法发送数据。