ajax获取json中的数据

AJAX是现代的web开发中不可或缺的技术之一，它可以让网页在不刷新的情况下与服务器进行异步通信。我们常常需要通过AJAX请求后端返回的JSON数据，然后对这些数据进行展示，下面就让我们来学习如何获取JSON数据吧。

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求URL以及请求类型
xhr.open('GET','http://example.com/data.json',true);
//监听xhr的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    //将获取到的JSON数据解析为JS对象
    var data = JSON.parse(xhr.responseText);
    //对获取到的数据进行展示操作
    //...
  }
};
//发送请求
xhr.send(null);

在上述代码中，我们首先创建了XMLHttpRequest对象，然后使用open方法设置请求URL和请求类型，第三个参数表示是异步请求。接着我们监听了xhr的readyState和status属性，当这两个属性都满足条件时，说明已经成功接收到了返回的JSON数据。在这里我们通过调用JSON.parse方法将获取到的JSON数据解析为了一个JS对象，之后我们就可以对获取到的数据进行自定义操作了。

AJAX获取JSON数据的步骤是比较简单的，但需要注意的是，在浏览器的控制台中查看网络请求时，我们需要注意请求是否成功、请求头、响应头以及返回的JSON数据是否有效等情况，这些因素都可能影响到我们获取JSON数据的效果。