在AJAX中,读取JSON是一种常见的操作,让我们来看看如何使用AJAX读取JSON。
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定处理xhr.onload事件的回调函数
xhr.onload = function() {
// 如果状态码不是200,发生错误
if (xhr.status !== 200) {
alert('错误:' + xhr.status);
return;
}
// 将JSON字符串解析为JavaScript对象
var data = JSON.parse(xhr.responseText);
// 访问JSON对象中的数据
console.log(data.key1);
};
// 发送GET请求
xhr.open('GET','example.json',true);
xhr.send();
在上面的代码中,我们首先创建了一个XMLHttpRequest对象,然后指定了该对象的onload事件回调函数。在回调函数中,我们首先检查状态码,如果不是200就会发生错误,然后使用JSON.parse()方法将服务器返回的JSON字符串解析为JavaScript对象,最后访问JSON对象中的数据。
需要注意的是,我们需要向服务器发出GET请求,并指定请求的URL(在本例中为example.json)。这个URL应该是返回JSON数据的服务器端脚本或文件。send()方法用于发送请求。
通过以上的方法,我们可以成功读取JSON数据,并用JavaScript对象进行访问。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。