微信小程序读取json文件
时间: 2024-09-27 10:15:59 浏览: 108
微信小程序中,你可以通过`wx.request`或者`fetchFile` API 来读取 JSON 文件。下面是一个基本的例子:
1. 使用 `wx.request` 从服务器获取 JSON 数据(适用于后端提供 JSON 的情况):
```javascript
wx.request({
url: 'https://your-server.com/data.json', // 替换为你服务器的地址
method: 'GET',
header: {
'content-type': 'application/json' // 声明请求的数据类型为JSON
},
success(res) {
const data = res.data; // 数据通常在res.data属性中
if (data) {
// 解析 JSON 数据
let jsonData = JSON.parse(data);
console.log(jsonData);
}
},
fail(err) {
console.error('Failed to load JSON:', err);
}
})
```
2. 使用 `fetchFile` 从本地或网络获取本地 JSON 文件(适用于预加载到小程序资源里的 JSON 文件):
```javascript
wx.fetchFile({
url: 'file:///path/to/your/local/json/file.json', // 替换为你的本地文件路径
method: 'GET',
success(res) {
let fileContent = res.tempFilePath;
wx.readFile(fileContent, 'utf-8', function (err, data) {
if (err) {
console.error('Failed to read local JSON:', err);
} else {
let jsonData = JSON.parse(data);
console.log(jsonData);
}
});
},
fail(err) {
console.error('Failed to fetch local JSON:', err);
}
})
```
阅读全文