温馨提示×

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

小亿
103
2023-07-04 22:21:27
栏目: 编程语言

使用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数据。

0