AJAX&JSON入门篇
// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'example.json', true);
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
// 请求完成并且响应状态码为 200
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 解析 JSON 数据
var json = JSON.parse(xhr.responseText);
console.log(json); // 处理解析后的数据
} else {
// 错误处理
console.error('请求失败，状态码：' + xhr.status);
}
}
};
// 发送请求
xhr.send();这段代码演示了如何使用原生的 XMLHttpRequest 对象发起一个 GET 请求，并在请求成功完成后解析返回的 JSON 数据。这是 AJAX 和 JSON 处理的基础，对于学习这些技术的开发者来说具有很好的教育价值。
评论已关闭