ajax ajax读取json

ajax读取json数据的方法是什么

小亿
105
2023-07-04 22:21:27
栏目: 编程语言
前端开发者专用服务器,限时0元免费领! 查看>>

使用Ajax读取JSON数据的方法如下:

  1. 创建一个XMLHttpRequest对象。
var xhr = new XMLHttpRequest();
  1. 设置请求的方法、URL和是否异步。
xhr.open('GET', 'data.json', true);
  1. 设置请求的响应类型为JSON。
xhr.responseType = 'json';
  1. 监听请求的状态变化事件。
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 请求成功,处理返回的JSON数据
var jsonData = xhr.response;
console.log(jsonData);
} else {
// 请求失败
console.error('请求失败');
}
}
};
  1. 发送请求。
xhr.send();

在请求成功后,可以通过xhr.response获取返回的JSON数据。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

相关推荐:ajax请求json数据的方法是什么

0
看了该问题的人还看了