js获取json文件内容

在JavaScript中获取JSON文件内容通常可以通过几种不同的方法实现，这里介绍两种常见的方法：使用XMLHttpRequest和使用fetch API。

使用`XMLHttpRequest`

XMLHttpRequest是一个内置的浏览器对象，可以用来发送HTTP请求。以下是使用XMLHttpRequest获取JSON文件的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/your/file.json', true);
xhr.responseType = 'json';

xhr.onload = function() {
    if (xhr.status === 200) {
        var data = xhr.response;
        console.log(data); // 处理获取到的JSON数据
    } else {
        console.error('Error fetching JSON: ' + xhr.status);
    }
};

xhr.onerror = function() {
    console.error('Network error while fetching JSON');
};

xhr.send();

使用`fetch` API

fetch API是一个现代的、基于Promise的网络请求API，它提供了更简洁的语法来获取资源。以下是使用fetch获取JSON文件的示例代码：

fetch('path/to/your/file.json')
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok ' + response.statusText);
        }
        return response.json(); // 解析响应体为JSON
    })
    .then(data => {
        console.log(data); // 处理获取到的JSON数据
    })
    .catch(error => {
        console.error('There has been a problem with your fetch operation:', error);
    });