ajax返回的json数据怎么取值

AJAX是一种通过JavaScript与后端进行异步通信的技术，可以在不刷新整个页面的情况下更新局部内容。在前后端分离的项目中，很多时候后端会返回一个JSON格式的数据，本文介绍如何通过JavaScript来获取JSON数据中的值。

首先通过AJAX向后端发送请求，获取JSON数据：

var xhr = new XMLHttpRequest();
xhr.open('GET','/api/data'); // 向后端请求数据
xhr.responseType = 'json'; // 声明返回的数据类型为JSON
xhr.onload = function() {
  if(xhr.status === 200) { // 请求成功
    console.log(xhr.response); // 输出JSON数据
  }
}
xhr.send(); // 发送请求

在上面的代码中，我们使用了XMLHttpRequest对象向后端发送了一个GET请求，并声明返回的数据类型为JSON。当后端返回了数据时，我们可以通过xhr.response获取到JSON数据。

接下来，我们根据JSON数据的结构，来获取其中的值。比如，如果JSON数据如下：

{
  "name": "王小明","age": 18,"job": "程序员"
}

那么我们可以通过以下代码获取其中的值：

var xhr = new XMLHttpRequest();
xhr.open('GET','/api/data');
xhr.responseType = 'json';
xhr.onload = function() {
  if(xhr.status === 200) { // 请求成功
    var data = xhr.response;
    console.log(data.name); // 输出：王小明
    console.log(data.age); // 输出：18
    console.log(data.job); // 输出：程序员
  }
}
xhr.send();

可以看到，我们通过data.name、data.age和data.job来获取JSON数据中的值，并将其输出到控制台上。

以上就是关于如何通过JavaScript获取JSON数据中的值的介绍，希望能帮助大家更好地使用AJAX技术。