js 读取 网络json文件

在 JavaScript 中读取网络上的 JSON 文件可以使用 Fetch API 或 XMLHttpRequest。Fetch API 是一种新的网络请求 API，它提供了一种更简单和更强大的方式来处理网络请求。下面是使用 Fetch API 读取 JSON 文件的示例代码：

fetch('https://example.com/data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

这个代码片段中，我们使用 fetch() 方法来获取 JSON 文件，然后使用 .then() 方法来解析响应并将其转换为 JSON 格式。最后，我们使用 .catch() 方法来处理任何错误。

另一种方法是使用 XMLHttpRequest 对象。这是一种旧的方法，但仍然被广泛使用。下面是使用 XMLHttpRequest 读取 JSON 文件的示例代码：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data.json');
xhr.responseType = 'json';
xhr.onload = () => {
  if (xhr.status === 200) {
    console.log(xhr.response);
  } else {
    console.error('Error while fetching data');
  }
};
xhr.send();

在这个代码片段中，我们创建了一个 XMLHttpRequest 对象，并使用 open() 方法指定请求的 URL。然后，我们将 responseType 属性设置为 'json'，以便自动将响应转换为 JSON 格式。最后，我们使用 onload() 方法来处理响应，并在控制台中打印 JSON 数据。