微信小程序开发-从后台服务器获取数据

项目结构:
微信小程序开发-从后台服务器获取数据_第1张图片
这次尝试从服务器端获取数据,以达到减轻项目总数据量的负担。
流程:
index.js中响应点击事件-》跳转到testb-》testbOnlode触发,向服务器发送请求-》requestSucess,完成响应并接收数据

1.为a标签设置了绑定了点击跳转事件gotonew-----【index.wxml】
微信小程序开发-从后台服务器获取数据_第2张图片

2.事件----【index.js】
微信小程序开发-从后台服务器获取数据_第3张图片
3.这个时候,事件完成,我们来到了testb.wxml页面,并携带参数名为targid的参数

4.我们先定义好testb.wxml页面结构
微信小程序开发-从后台服务器获取数据_第4张图片
imgsrc,title,summary都是在testb,js中定义的变量
微信小程序开发-从后台服务器获取数据_第5张图片

5.了解完这些,我们先创建一个php,我定义其名字为wxtest.php,内容如下;编辑完内容后,将其放在服务器的WWW文件夹下
微信小程序开发-从后台服务器获取数据_第6张图片

6.这时候再回到testb.js中,在其onlode中向wx.test.php发送请求,具体如下图:
微信小程序开发-从后台服务器获取数据_第7张图片
之所以setData中为res.data.srcs,等,是因为在PHP中接收到请求,处理后返回的是一个json格式的字符串(参见第5中的图)

至此完成了跳转【从PHP获取数据】
最终效果:

~我的个人网站
https://www.rfbynet.club

你可能感兴趣的:(微信小程序开发,笔记,小程序)