ajax咋接受json数据

在前端开发中，我们常常需要从后端接口获取数据。而常见的数据格式之一就是JSON。那么在使用AJAX的情况下，如何接收JSON数据呢？

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方式和地址
xhr.open('GET','/api/data',true);

// 发送请求
xhr.send();

// 监听状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取返回的JSON数据
    var data = JSON.parse(xhr.responseText);
    // 处理数据
    console.log(data);
  }
};

如上所示，我们通过XMLHttpRequest对象发送了一个GET请求，并设置了请求地址为“/api/data”。接着监听状态变化，当状态为4且状态码为200时表示请求成功，此时我们可以通过xhr.responseText获取到服务器返回的原始JSON字符串。但是在大部分情况下，我们需要把这个字符串转换为JSON对象，可以使用JSON.parse()方法。

最后我们可以对返回的数据进行处理，例如渲染到页面中：

var list = document.getElementById('list');
for (var i = 0; i 

在以上示例中，我们假设后端返回了一个包含了多个名称和值的对象数组。我们可以通过遍历数组，将每一项渲染到页面之中。