获取数组列表JSON JS的方法

在 JavaScript 中，可以通过多种方式获取数组列表 JSON。以下是一些常见的方法：

1. 使用 XMLHttpRequest 发送 HTTP 请求

XMLHttpRequest 是一个内置对象，可用于在 JavaScript 中发送 HTTP 请求。可以使用此对象来从服务器获取 JSON 数据。

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

// 设置请求类型和 URL
xhr.open('GET', 'https://example.com/api/data.json', true);

// 设置响应类型为 JSON
xhr.setRequestHeader('Content-Type', 'application/json');

// 处理响应
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(JSON.parse(xhr.responseText));
  }
};

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

此代码将发送一个 GET 请求到服务器，并在成功获取响应后解析 JSON 数据。如果请求失败，浏览器将在控制台中记录错误消息。

2. 使用 fetch API 发送 HTTP 请求

fetch API 是一个新的 JavaScript API，可用于发送 HTTP 请求。它使用 Promise 对象处理响应。

// 发送 GET 请求并处理响应
fetch('https://example.com/api/data.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.error(error);
  });

此代码将发送一个 GET 请求到服务器，并在成功获取响应后解析 JSON 数据。如果请求失败，将在控制台中记录错误消息。

3. 使用 jQuery 发送 HTTP 请求

jQuery 是一个流行的 JavaScript 框架，可用于发送 HTTP 请求。它提供了一个简单的用于获取 JSON 数据的方法。

// 发送 GET 请求并处理响应
$.getJSON('https://example.com/api/data.json')
  .done(function(data) {
    console.log(data);
  })
  .fail(function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus + ': ' + errorThrown);
  });

此代码将发送一个 GET 请求到服务器，并在成功获取响应后解析 JSON 数据。如果请求失败，将在控制台中记录错误消息。

4. 将 JSON 数据保存为 JavaScript 对象

JSON 数据可以通过 JavaScript 的 parse() 方法解析为一个 JavaScript 对象。

// 定义 JSON 数据
var json = '{"name": "John", "age": 30}';

// 将 JSON 数据解析为 JavaScript 对象
var obj = JSON.parse(json);

// 访问对象属性
console.log(obj.name); // 输出 "John"
console.log(obj.age); // 输出 30

此代码将定义一个包含 JSON 数据的字符串，然后将其解析为一个 JavaScript 对象，并访问对象的属性。

5. 将 JavaScript 对象保存为 JSON 数据

JavaScript 对象可以通过 JSON 的 stringify() 方法转换为一个 JSON 字符串。

// 定义 JavaScript 对象
var obj = {name: 'John', age: 30};

// 将 JavaScript 对象转换为 JSON 字符串
var json = JSON.stringify(obj);

// 输出 JSON 字符串
console.log(json); // 输出 '{"name":"John","age":30}'

此代码将定义一个 JavaScript 对象，然后使用 stringify() 方法将其转换为 JSON 字符串，并输出该字符串。