ajax 获取json里的值

在web开发中，经常需要从服务器获取数据并展示在网页上。如果返回的数据是JSON格式的，那么我们可以使用Ajax来获取并解析JSON数据。这里将介绍如何使用Ajax获取JSON数据中的值。

首先，在 JavaScript 代码中，我们使用 XMLHttpRequest 对象创建一个请求：

var xhr = new XMLHttpRequest();
xhr.open("GET","example.json");
xhr.send();

以上代码会向服务器发送一个GET请求，请求example.json文件。接下来，我们需要监听这个请求的readyState和status属性，待请求完成后，会触发 xhr.onreadystatechange 函数：

xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // JSON数据已经完全获取
  }
};

这里需要判断readyState是否是4（请求已完成）以及 status 是否是200（代表成功获取数据）。一旦判断成功，我们可以获取JSON数据：

var data = JSON.parse(xhr.responseText);

JSON.parse() 函数可以将JSON字符串转换成 JavaScript 的对象。在获取到这个对象后，我们就可以通过指定属性名来获取其中的值了。

var title = data.title;
console.log(title);

以上代码中，我们获取了JSON数据中title属性的值，并在控制台输出了这个值。

总的来说，使用Ajax获取JSON数据的过程可以分为：创建请求、监听readyState和status、获取JSON数据、使用属性名获取具体值。通过以上步骤，就可以轻松地获取到JSON数据中的值了。