ajax读取json

AJAX技术可以异步地向服务器发送请求并获取响应数据，这使得我们可以更加灵活地更新网页内容，无需刷新整个页面。而在WEB开发中常用的JSON格式也能被轻松地使用AJAX读取。

//ajax读取json的示例代码
let xhr = new XMLHttpRequest();
xhr.onload = function() {
  if (xhr.status == 200) { //响应成功的状态码为200
    let responSEObj = JSON.parse(xhr.responseText);
    //使用JSON.parse方法将响应数据转为JavaScript对象
    console.log(responSEObj);
  } else {
    console.log('请求失败！');
  }
};
xhr.open('GET','example.json',true);
xhr.send();

上面这段代码使用了XMLHttpRequest对象来发送GET请求，并在服务器响应时执行回调函数。响应数据被存储在xhr.responseText属性中，利用JSON.parse方法将其转换为JavaScript对象。

为了方便读取JSON数据，我们可以像访问JavaScript对象一样使用属性和索引符号来获取JSON数据中的值。例如，如果响应数据为以下JSON字符串:

{
    "name": "小明","age": 18,"hobbies": [
        "篮球","唱歌","跳舞"
    ]
}

我们可以通过以下方式读取其中的值:

let name = responSEObj.name;
let age = responSEObj.age;
let hobbies = responSEObj.hobbies;
let firstHobby = hobbies[0];
console.log(name,age,firstHobby);

以上代码使用了JavaScript对象访问方式来读取JSON数据中的值。