微信小程序wx.request实现后台数据交互功能分析
更新时间：2017年11月25日 10:36:13 作者：自由的程序猿
这篇文章主要介绍了微信小程序wx.request实现后台数据交互功能,分析微信小程序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都拿不到参数。
解决方法参考本站：https://www.jb51.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
希望本文所述对大家微信小程序开发有所帮助。
相关文章
这篇文章主要介绍了JS实现的5级联动Select下拉选择框,涉及javascript数组调用及遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
JavaScript 采用词法作用域（lexical scoping），函数执行依赖的变量作用域是由函数定义的时候决定，而不是函数执行的时候决定，通过本文给大家介绍JavaScript作用域链、执行上下文与闭包相关知识，感兴趣的朋友一起学习吧2016-02-02
javascript parseInt与Number函数的区别
在js中，如果你使用parseInt("08"),一般都会认为会返回8，然而实际上返回了0.但是用Number("08")返回的才是8.2010-01-01
console一定是各位前端最熟悉的小伙伴了,有些网站还会在控制台输出一些有意思的东西,下面这篇文章主要给大家介绍了关于前端console用法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-08-08
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码...2007-07-07
三维模型数据格式种类多样,常见的有DAE、OBJ、STL、3DS MAX、CLM、IFC等数据格式,下面这篇文章主要给大家介绍了关于前端如何使用Cesium加载三维模型的相关资料,需要的朋友可以参考下2024-05-05
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之按钮的相关资料,实现按钮状态控制等形式的交互，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
下面小编就为大家带来一篇js捕捉键盘事件和按键键值的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JS数组去重常用方法,结合实例形式总结分析了4种常用的数据去重实现方法,涉及javascript数组的遍历、判断、追加等相关操作技巧,需要的朋友可以参考下2018-05-05
本文从列表、字符串和数字三个方面详细阐述了Python中要求每行输出5个的相关内容，并给出了相应的代码示例，在实际开发中，我们可以根据具体的需求灵活运用这些方法，以提高程序的输出效率和可读性,需要的朋友可以参考下2020-05-05
最新评论