如何在 Ajax 中获取 JSON 响应？

Ajax 是一种用于在客户端和服务器之间进行异步数据交换的技术。如果你需要从服务器获取 JSON 格式的响应，那么你可以使用 Ajax。

下面是通过 Ajax 获取 JSON 响应的步骤：

1. 创建 XMLHttpRequest 对象

要通过 Ajax 获取 JSON 响应，首先需要创建一个 XMLHttpRequest 对象。XMLHttpRequest 对象负责在后台与服务器进行数据交换。在 JavaScript 中，可以使用以下代码创建 XMLHttpRequest 对象：

var xhttp = new XMLHttpRequest();

2. 发送 HTTP 请求

一旦创建了 XMLHttpRequest 对象，就需要向服务器发送 HTTP 请求。通过修改 XMLHttpRequest 对象的属性和方法，可以定义发送到服务器的 HTTP 请求。以下是使用 AJAX 发送 GET 请求的示例代码：

xhttp.open("GET", "url", true);
xhttp.send();

其中，open() 方法用于初始化请求。该方法有 3 个参数：HTTP 请求的方法，请求的 URL 和请求是否进行异步处理。第三个参数设置为 true 表示异步处理。

send() 方法用于向服务器发送实际请求。

3. 处理响应

一旦服务器返回 HTTP 响应，就需要通过 JavaScript 处理响应。在使用 Ajax 时，可以使用 XMLHttpRequest 对象的 onreadystatechange 事件来检测响应的状态。以下是处理 JSON 响应的示例代码：

xhttp.onreadystatechange = function () {
  if (this.readyState == 4 && this.status == 200) {
      var response = JSON.parse(this.responseText);
  }
};

在这个示例中，我们检查了响应的状态。如果响应状态为 200（表示成功），并且 readyState 的值为 4（表示已完成），那么响应文本就可以通过 responseText 属性获取。

我们还使用 JSON.parse() 方法将响应文本转换为 JSON 对象。

4. 获取数据

一旦将响应转换为 JSON 对象，我们就可以轻松地从 JSON 对象中获取数据。以下是一些示例代码：

// 获取对象
var obj = response.obj;

// 获取数组
var arr = response.arr;

// 获取属性
var prop = response.obj.prop;

总结：

通过 Ajax 获取 JSON 响应的步骤包括创建 XMLHttpRequest 对象、发送 HTTP 请求、处理响应和获取数据。如果你需要获取 JSON 响应，可以使用 XMLHttpRequest 对象的 responseText 属性和 JSON.parse() 方法将响应文本转换为 JSON 对象。