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

因为是学习,为了节省时间就没有写真的后台接口,在网上找了一个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个”
}
]
}
]

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

小程序请求后台接口,得到其中某个值,并赋值为前台_第1张图片
具体的参数信息参考微信文档

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

小程序请求后台接口,得到其中某个值,并赋值为前台_第2张图片
效果如下

开始的值为
小程序请求后台接口,得到其中某个值,并赋值为前台_第3张图片

点击以后重新赋值

小程序请求后台接口,得到其中某个值,并赋值为前台_第4张图片

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

小程序请求后台接口,得到其中某个值,并赋值为前台_第5张图片

你可能感兴趣的:(小程序)