1.本篇内容简介之微信小程序的前后端数据交互示例,主要涉及到获取服务端的数据,和提交到服务端的数据演示,服务端使用java-springboot进行快速搭建演示
2.1、在小程序中的index.wxml中进行一个表单的设计
3.例如:
4.说明一下wxml页面中部分代码的意思:
5.1)、{{}}是代表表达式的数据绑定,可以从js中或者服务器端来通过类似key-value的形式进行自动的赋值操作
6.2)、wx:for用于根据给定的数组重复渲染该组件,在该标签内可以使用item表示数组的当前项
7.3)、wx:key指定标识比如这里指定的是以value为唯一的标识
8.页面样式如:
9.2、编写服务端代码
10.我这里以springboot为例,拼接的为演示数据,真实情况如何获取数据视情况而定
11.这里以map的形式填写数据,最终返回的是JSON字符串数据(真实情况可以以面向对象的方式进行对象的封装,然后操作对象进行数据的交互)
12.3、回到微信开发者工具中,在页面级的js文件中的onLoad事件的方法中,加入以下代码
13.由于在success回调方法后this的指向发生了变化,则首先使用一个that变量进行的保存
14.调用setData将返回值直接传送到页面进行渲染
15.4、刷新小程序端结果如下:
16.下面演示POST提交方法
17.1、在页面级的js中加入按钮的点击方法实现
18.此处截取段小程序开发文档中的说明:
19.2、在服务端书写获取数据代码
20.页面
21.看前后端结果
22.服务器端console输出:
23.微信开发工具console输出:
24.刚开始学习,不完善的地方请多指教
微信微信小程序前后端数据请求示例-微信小程序后端-微信小程序后端JAVA
浏览量:2460
时间:
来源:Dachao_lpc
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
阿坝小程序代理
阿坝藏族羌族小程序代理公司有哪些?阿坝藏族羌族小程序代理平台哪个好?阿坝藏族羌族小程序代理商怎么收费,代理政策如何?下面就让即速应用产品经理jisuapp.cn来告诉你吧!