Ajax是一种Web开发技术，用于在不重新加载整个页面的情况下更新Web页面的特定部分。Ajax可用于从服务器上获取和发送数据。
在Ajax中，获取JSON数据很简单。下面是一个获取JSON数据的代码片段：
<script>
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 定义回调函数
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 将响应数据解析为JSON格式
var json = JSON.parse(this.responseText);
console.log(json);
}
};
// 指定请求方法、URL以及是否异步处理
xhr.open('GET','example.json',true);
// 发送请求
xhr.send();
</script>
解释一下这段代码：
-
XMLHttpRequest是一个内置对象，可用于创建异步HTTP请求。 -
xhr.onreadystatechange属性是回调函数，用于在每个阶段的响应时更新页面。 -
this.readyState === 4 && this.status === 200是指当响应状态为4（完成）且状态码为200（成功）时，表示请求已成功返回。 -
JSON.parse()方法用于将响应数据解析为JSON格式。 -
xhr.open()方法定义请求方法（GET或POST）、URL和是否异步处理。 -
xhr.send()方法发送请求。
最后，需要注意的是，在这个例子中，我们使用了GET方法获取JSON数据，但实际上也可以使用POST方法。换言之，在获取JSON数据时，请求的方法并不重要，重要的是响应的数据必须是JSON格式的。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
