卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们13101507057

加微信,了解详情
您所在的位置:首页 > 文章 >小程序连载

「小程序开发连载十九」小程序接口
时间: 2018-11-08 17:05:05     来源: 卓象IT实训基地【原创】

上一篇文章讲解“小程序表单”,本篇文章讲解“小程序接口”。


从界面层表单提交数据,需要将数据保存到数据库中,那么就要向服务器发送请求。

①在form.js的submit事件中发送请求

「小程序开发连载十九」小程序接口


②写接口

使用wx.request像服务器发送请求,需要有接口接收数据,自定义一个接口(可以用框架,也可以原生)。

「小程序开发连载十九」小程序接口


浏览器访问测试:

「小程序开发连载十九」小程序接口


③向服务器接口发送请求

接口完成,将小程序表单信息发送到服务器接口。

由于wx.request成功后,返回接收的数据格式为json格式,因此将接口返回的数据变为json格式。以下将与数据库交互的操作省略了,没有特殊的点,PHP正常操作即可。

「小程序开发连载十九」小程序接口


页面交互层向服务器发送请求:

「小程序开发连载十九」小程序接口


编译预览:

「小程序开发连载十九」小程序接口


接收的数据保存在data下,判断标识,并输出信息。

「小程序开发连载十九」小程序接口


编译预览:

「小程序开发连载十九」小程序接口


「小程序开发连载十九」小程序接口


关注卓象程序员,定期发布技术文章

下一篇文章讲解“调用手机硬件”

「小程序开发连载十九」小程序接口