如何在 ajax 成功中将 json 转换为 JavaScript 对象 - JavaScript

在进行 Ajax 请求时，本地和服务器之间可能会交换 JSON 数据。在成功处理 Ajax 请求后，通常需要将这些 JSON 数据转换为 JavaScript 对象。以下是如何在 ajax 成功中将 JSON 转换为 JavaScript 对象的示例。

前提条件

在进行以下示例之前，您需要了解以下内容：

• 如何使用 XMLHttpRequest 对象发送 Ajax 请求
• JavaScript 中的 JSON 数据类型
• JavaScript 中的对象和数组

如果您不熟悉这些内容，请查阅相关文档或教程。

将 JSON 转换为 JavaScript 对象

当 Ajax 请求成功后，可以在 XMLHttpRequest 对象的 'onload' 事件处理程序中获取响应。以下代码片段演示如何使用 JavaScript 和 XMLHttpRequest 将 JSON 数据转换为 JavaScript 对象：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/some/url');
xhr.onload = function() {
  if (xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

1. 使用 XMLHttpRequest 对象发送 GET 请求，URL 为 '/some/url'
2. 如果请求成功，则按 200 状态检查响应
3. 对响应文本执行 JSON.parse() 方法，将其转换为 JavaScript 对象
4. 输出 JavaScript 对象的内容到控制台中，以进行调试

将 JSON 转换为 JavaScript 数组

如果响应的 JSON 数据代表数组，则可以按以下方式将其转换为 JavaScript 数组：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/some/url');
xhr.onload = function() {
  if (xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    var items = response.items;
    console.log(items);
  }
};
xhr.send();

1. 使用 XMLHttpRequest 对象发送 GET 请求，URL 为 '/some/url'
2. 如果请求成功，则按 200 状态检查响应
3. 对响应文本执行 JSON.parse() 方法，将其转换为 JavaScript 对象
4. 从 JavaScript 对象中提取 items 属性，该属性应该是一个数组
5. 输出 JavaScript 数组的内容到控制台中，以进行调试

结论

在 JavaScript 中处理 JSON 数据是一项基本技能，这在进行 Ajax 请求和使用 Web API 时尤为重要。通过使用 JSON.parse() 方法，您可以轻松地将 JSON 转换为 JavaScript 对象或数组，以便对其进行处理。在日常编程中，您可能会遇到许多其他情况，需要将 JSON 数据与其他 JavaScript 数据类型进行交互，因此学习如何正确处理 JSON 数据是一项重要的技能。