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

项目结构:
在这里插入图片描述
这次尝试从服务器端获取数据,以达到减轻项目总数据量的负担。
流程:
index.js中响应点击事件-》跳转到testb-》testbOnlode触发,向服务器发送请求-》requestSucess,完成响应并接收数据

1.为a标签设置了绑定了点击跳转事件gotonew-----【index.wxml】
在这里插入图片描述

2.事件----【index.js】
在这里插入图片描述
3.这个时候,事件完成,我们来到了testb.wxml页面,并携带参数名为targid的参数

4.我们先定义好testb.wxml页面结构
在这里插入图片描述
imgsrc,title,summary都是在testb,js中定义的变量
在这里插入图片描述

5.了解完这些,我们先创建一个php,我定义其名字为wxtest.php,内容如下;编辑完内容后,将其放在服务器的WWW文件夹下
在这里插入图片描述

6.这时候再回到testb.js中,在其onlode中向wx.test.php发送请求,具体如下图:
在这里插入图片描述
之所以setData中为res.data.srcs,等,是因为在PHP中接收到请求,处理后返回的是一个json格式的字符串(参见第5中的图)

至此完成了跳转【从PHP获取数据】
最终效果:
在这里插入图片描述

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

  • 6
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值