前端网络基础-通过XMLHttpRequest实现AJAX
以下是一个使用XMLHttpRequest
实现AJAX的简单示例,用于从服务器获取数据:
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置HTTP请求
// 这里是GET请求,你也可以根据需要改为POST
xhr.open('GET', 'your-api-endpoint');
// 设置请求完成的处理函数
xhr.onreadystatechange = function() {
// 请求完成并且响应状态码为200
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理服务器返回的数据
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
// 发送请求
xhr.send();
在这个例子中,我们首先创建了一个XMLHttpRequest
对象,然后使用open
方法设置了请求的类型和目标URL。接着,我们定义了一个onreadystatechange
事件处理函数,它会在请求的不同阶段进行调用,其中我们检查了readyState
和status
来确认请求成功完成并且服务器返回了200响应状态码。最后,我们调用send
方法发送了请求。
请注意,根据你的实际API端点和需求,你可能需要对此代码进行相应的修改。
评论已关闭