运用Ajax简单发起API请求
以下是使用原生JavaScript发起AJAX请求的示例代码:
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置HTTP请求
// 第一个参数是HTTP请求方法,第二个参数是请求的URL
xhr.open('GET', 'https://api.example.com/data');
// 设置请求完成的处理函数
xhr.onload = function() {
if (xhr.status === 200) { // 请求成功
// 处理返回的数据
var data = JSON.parse(xhr.responseText);
console.log(data);
} else { // 请求失败
console.error('请求发生错误,状态码:' + xhr.status);
}
};
// 发送请求
xhr.send();
这段代码创建了一个新的XMLHttpRequest
对象,并设置了请求的方法、URL以及当请求完成时的回调函数。然后,它发送了HTTP请求,并在回调函数中处理了返回的数据或错误信息。这是一个非常基础的AJAX请求示例,适用于大多数现代浏览器。
评论已关闭