ajax异步请求json后台数据传回

AJAX是Asynchronous JavaScript And XML的缩写，它是Web开发中常用的一种技术。通过AJAX可以实现网页无刷新更新数据、异步请求后台数据等功能。

在本文中，我们将介绍如何使用AJAX异步请求JSON后台数据，并将这些数据传回前端。

<code>// 创建一个AJAX对象
var xhr = new XMLHttpRequest();
// 打开连接
xhr.open('GET','http://example.com/data.json');
// 设置请求头（可选）
xhr.setRequestHeader('Content-Type','application/json');
// 监听状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      // 读取响应数据
      var data = JSON.parse(xhr.responseText);
      // 处理数据
      console.log(data);
    } else {
      // 处理错误
      console.error(xhr.statusText);
    }
  }
};
// 发送请求
xhr.send();</code>

上述代码中，我们创建了一个XMLHttpRequest对象，通过open方法指定了请求的URL以及GET请求方法。然后设置了请求头，监听Ajax对象的状态变化，最后发送请求。

当xhr.readyState状态变为4时，说明请求完成。我们通过xhr.status状态码来判断请求是否成功。如果响应状态码为200，则说明请求成功，我们将调用JSON.parse方法将响应数据解析成JavaScript对象，然后进行数据处理。如果响应状态码不为200，则说明请求失败，我们将在控制台输出错误信息。

通过以上方式，我们可以实现异步请求JSON后台数据并将这些数据传回前端，为Web开发带来更多的灵活性和可扩展性。