// 使用 XMLHttpRequest 发起 GET 请求
function makeGETRequest(url, callback) {
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求
xhr.open('GET', url, true);
// 设置响应类型
xhr.responseType = 'json';
// 监听加载事件
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功,调用回调函数并传递响应数据
callback(null, xhr.response);
} else {
// 请求失败,调用回调函数并传递错误信息
callback(new Error('Request failed with status ' + xhr.status));
}
};
// 发送请求
xhr.send();
}
// 示例使用
makeGETRequest('https://api.example.com/data', function(err, data) {
if (err) {
console.error('Error:', err);
} else {
console.log('Data:', data);
}
});
makeGETRequest 函数:封装了一个发起 GET 请求的逻辑,接收 URL 和回调函数作为参数。xhr.open 方法:配置请求的类型(GET)、URL 和是否异步。xhr.onload 事件:当请求完成时触发,检查状态码并调用回调函数。xhr.send():发送请求到服务器。这个示例展示了如何使用原生的 XMLHttpRequest 发起一个简单的 GET 请求,并通过回调函数处理响应。
上一篇:js setdate
下一篇:js 脚本
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站