ajax异步 获取json

AJAX是一种使网页可以异步更新内容的技术，它可以通过JavaScript代码与服务器进行通信，获取和更新数据而无需刷新整个页面。在这篇文章中，我们会讨论如何使用AJAX异步获取JSON数据。

JSON是一种数据格式，常用于数据交换和存储。JSON数据通常由键值对（key-value pairs）组成，例如：

{"name":"Alice","age":25,"gender":"female"}

要获取JSON数据，我们可以使用AJAX的XMLHttpRequest对象，如下所示：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var data = JSON.parse(this.responseText);
    //处理JSON数据
  }
};
xhttp.open("GET","data.json",true);
xhttp.send();

在上面的代码中，我们创建了一个XMLHttpRequest对象，并将其onreadystatechange属性设置为一个回调函数。当请求的readyState属性变为4（表示请求完成），并且请求的status属性为200（表示成功返回数据），回调函数将调用JSON.parse()方法将原始文本转换为可供JavaScript使用的JSON对象。

一旦我们获得了JSON对象，就可以轻松地从中提取数据，如下所示：

var name = data.name;
var age = data.age;
var gender = data.gender;

使用AJAX异步获取JSON数据，可以提高网页效率和用户体验，尤其在当今信息时代更为重要。