小程序请求后台接口,得到其中某个值,并赋值为前台

因为是学习,为了节省时间就没有写真的后台接口,在网上找了一个json文本,在小程序中请求json文本模拟请求后台接口
文本数据格式为
[
{
“id”:“guowei”,
“banner”:"/image/c1.png",
“cate”:“果味”,
“detail”:[
{
“thumb”:"/image/c2.png",
“name”:“梨花带雨 3个”
},
{
“thumb”: “/image/c3.png”,
“name”: “红枣 500g”
},
{
“thumb”: “/image/c4.png”,
“name”: “奇异果 2个”
},
{
“thumb”: “/image/c4.png”,
“name”: “奇异果 2个”
},
{
“thumb”: “/image/c3.png”,
“name”: “红枣 500g”
},
{
“thumb”: “/image/c2.png”,
“name”: “梨花带雨 3个”
}
]
},
{
“id”: “danfan”,
“banner”: “/image/c1.png”,
“cate”: “淡饭”,
“detail”: [
{
“thumb”: “/image/s4.png”,
“name”: “瓜子 3个”
},
{
“thumb”: “/image/s5.png”,
“name”: “芹菜 500g”
},
{
“thumb”: “/image/s6.png”,
“name”: “小米”
},
{
“thumb”: “/image/s6.png”,
“name”: “小米”
},
{
“thumb”: “/image/s5.png”,
“name”: “芹菜 500g”
},
{
“thumb”: “/image/s4.png”,
“name”: “瓜子 4个”
}
]
}
]

具体的参数信息参考微信文档就不一一说明在这里插入图片描述


具体的参数信息参考微信文档

为了比较明显的查看效果,在微信展示页面的时候请求网络接口

取接口的某个值付给前面定义的数据,并在前台显示
效果如下

开始的值为
初始值

点击以后重新赋值

重新赋值

本功能是为了我取接口里的某个值,然后为前台重新赋值,如果是直接前台渲染,只需要在后台onload里直接请求wx.request api 得到数据在前台直接循环展示就可以

如果是开发模式一定要设置不校验域名,并是在同一个局域网内

猜你喜欢

转载自blog.csdn.net/qq_28589309/article/details/89401221