微信小程序wx.request实现后台数据交互功能分析
2019/6/27 20:32:52
本文主要是介绍微信小程序wx.request实现后台数据交互功能分析,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例讲述了微信小程序wx.request实现后台数据交互功能。分享给大家供大家参考,具体如下:
记录微信小程序wx.request这个api在跟后台交互时遇上的问题。
1、根据资料,完成第一步,请求发送,代码如下:
wx.request({ url: 'https://localhost:8443/xiaochengxu/addBill.do', data: e.detail.value, method: 'POST', success:function(res) { console.log('submit success'); }, fail:function(res){ console.log('submit fail'); }, complete:function(res){ console.log('submit complete'); } })
后台成功接收到请求,控制台也打印了submit success和submit complete,但是,后台请求并未接收到数据,打开调试,发现数据都在request payload中,所以后台无论是springmvc的映射bean还是req.getParameter
都拿不到参数。
解决方法参考本站://www.zyiz.net/article/129039.htm
简单说就是增加了header: {'content-type': 'application/x-www-form-urlencoded'}
,后台成功获取数据。
至此,代码如下:
wx.request({ url: 'https://localhost:8443/xiaochengxu/addBill.do', data: e.detail.value, method: 'POST', header: {'content-type': 'application/x-www-form-urlencoded'}, success:function(res) { console.log('submit success'); }, fail:function(res){ console.log('submit fail'); }, complete:function(res){ console.log('submit complete'); } })
2、接收请求返回数据
这一步问题不大,我是按照json格式返回的,只是按照官网写的console.log(res.data)
的话,会在控制台打印Object,带上参数名就好了,比如res.data.code
希望本文所述对大家微信小程序开发有所帮助。
这篇关于微信小程序wx.request实现后台数据交互功能分析的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist