js读取本地json文件

可以使用 XMLHttpRequest 对象来读取本地的 JSON 文件。以下是一个简单的示例代码：

let xhr = new XMLHttpRequest();
xhr.overrideMimeType("application/json");
xhr.open('GET', 'path/to/file.json', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        let data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.send(null);

这将读取名为 `file.json` 的文件，解析它的 JSON 数据，并将其存储在 `data` 变量中，然后在控制台中输出。

相关问题

js读取本地json文件跨域

JS读取本地json文件并不涉及跨域问题，跨域问题主要指的是在网页中跨域读取服务器上的资源。在本地读取json文件时，只需要通过Ajax请求或者引入文件的方式来获取数据即可。如果是使用Ajax请求，需要用到XMLHttpRequest对象，但需要注意的是，在Chrome浏览器中，使用XMLHttpRequest对象从本地文件中读取数据会报跨域错误。这是由于Chrome浏览器的安全策略，导致不允许服务器和客户端在同一个域名下，只能通过网络或者本地服务器的方式来获取本地json文件。

为了解决这个问题，可以建立一个本地服务器来模拟网络环境，或者使用其他解决方案，例如：开启Chrome浏览器的安全策略，或者使用CORS策略解决跨域问题。另外，在使用框架或库的时候，也可以使用其他的方法来读取本地json文件，例如：使用jQuery的$.getJSON()方法或使用AngularJS的$http服务。

总之，在读取本地json文件时，需要注意安全策略和跨域问题，选择合适的解决方案可以更好地完成工作。

微信小程序js读取本地json文件

在微信小程序中，JavaScript可以使用`wx.request`或者`fs`模块（如果使用的是uni-app框架）来读取本地JSON文件。这里分别介绍这两种方法：

1. **使用`wx.request`**（适用于微信官方提供的环境）
- 首先，你需要确保JSON文件是在小程序的`project.config.json`指定的`pages`目录下，因为小程序默认不允许从其他位置直接访问文件。

   wx.getFileSystemManager().readFile({
     path: 'path/to/your/file.json', // 替换为实际文件路径
     success: function(res) {
       var data = JSON.parse(res.data);
       console.log(data);
     },
     fail: function(err) {
       console.error('读取文件失败:', err);
     }
   });

2. **使用`fs`模块（uni-app框架）**
- 如果你在使用uni-app开发跨平台应用，可以使用`fs`模块来操作文件系统。

   const fs = require('@dcloudio/fs');
   fs.readFile('path/to/your/file.json')
     .then((data) => {
       let jsonData = JSON.parse(data.toString());
       console.log(jsonData);
     })
     .catch((err) => {
       console.error('读取文件失败:', err);
     });