微信小程序请求本地json
时间: 2023-10-02 12:07:58 浏览: 144
要在微信小程序中请求本地JSON数据,可以使用小程序提供的wx.request() API。首先需要将JSON文件放置在小程序的根目录或者子目录下的任意位置,然后使用wx.request() API发送HTTP请求获取JSON数据。
以下是一个简单的示例:
1. 在小程序的根目录下创建一个名为data.json的文件,内容如下:
```
{
"name": "张三",
"age": 20,
"gender": "男"
}
```
2. 在小程序的页面js文件中使用wx.request() API获取JSON数据:
```
Page({
data: {
userInfo: {}
},
onLoad: function () {
var that = this
wx.request({
url: 'data.json',
success: function (res) {
that.setData({
userInfo: res.data
})
}
})
}
})
```
3. 在小程序的页面wxml文件中展示JSON数据:
```
<view>
<text>姓名:{{userInfo.name}}</text>
<text>年龄:{{userInfo.age}}</text>
<text>性别:{{userInfo.gender}}</text>
</view>
```
以上代码中,wx.request() API请求的url参数为"data.json",表示请求根目录下的data.json文件。请求成功后,将JSON数据保存在页面的data属性中,然后在wxml文件中使用{{}}语法展示JSON数据。
阅读全文