JavaScript读取json文件并解析

在JavaScript中，读取和解析JSON文件通常涉及两步：首先，你需要异步地加载文件，然后使用`JSON.parse()`方法解析得到的文本内容。

以下是一个基本的例子，展示了如何使用XMLHttpRequest或者Fetch API来读取JSON文件：

// 使用fetch API
async function loadJsonFile(fileUrl) {
    try {
        const response = await fetch(fileUrl);
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('There was an error reading the file:', error);
        return null; // 或者处理错误的方式
    }
}

loadJsonFile('path/to/your/json/file.json')
    .then(data => {
        // 数据已经解析成JSON对象，可以直接使用
        console.log(data);
    })
    .catch(error => {
        console.error('Failed to parse JSON:', error);
    });

如果你使用的是旧版浏览器，可能需要使用XMLHttpRequest：

function loadJsonFile(fileUrl) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", fileUrl, true);

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            try {
                var data = JSON.parse(xhr.responseText);
                console.log(data);
            } catch (e) {
                console.error('Error parsing JSON:', e);
            }
        }
    };

    xhr.send();
}

以上代码会尝试读取指定路径的JSON文件，并在成功解析后处理返回的数据。如果遇到错误，比如网络问题或者文件格式不是有效的JSON，就会捕获并显示错误信息。