js 读取本地的json文件

可以使用JavaScript中的XMLHttpRequest对象来读取本地的JSON文件。以下是一个例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.send();

在这个例子中，我们创建了一个XMLHttpRequest对象，并设置它的open方法来获取本地的data.json文件。然后设置了onreadystatechange事件，当readyState变成4（即完成）并且status等于200（即请求成功）时，我们使用JSON.parse方法将响应的JSON字符串转换成JavaScript对象。最后，我们将这个对象打印到控制台中。

相关问题

通过getJSON读取本地json文件

在JavaScript中，如果你想要从本地JSON文件中获取数据，通常可以使用`XMLHttpRequest`对象或者更现代的`fetch` API，配合`JSON.parse()`方法。但是，如果你是在浏览器环境中，并且目标是跨域文件，由于同源策略的限制，你可能需要服务器的帮助。以下是使用`fetch`的例子：

// 使用fetch读取本地json文件
fetch('path/to/local/file.json')
  .then(response => {
    if (!response.ok) {
      throw new Error("HTTP error " + response.status);
    }
    return response.json(); // 解析响应为JSON对象
  })
  .then(data => console.log(data)) // 打印得到的数据
  .catch(error => console.error(error));

在这个例子中，`fetch`函数会发送一个GET请求到指定的URL（这里是本地文件路径），然后解析返回的JSON内容。

echarts读取本地json文件

Echarts读取本地json文件的方法是使用AJAX请求来获取json文件的内容，然后将获取到的字符串格式的数据转换为对象格式。

代码示例：

$.ajax({
  url: 'data.json',
  dataType: 'json',
  success: function (data) {
    // 将获取到的字符串格式的数据转换为对象格式
    data = JSON.parse(data);
    // 在此处可以使用data进行相应的数据处理和图表绘制
  }
});