微信小程序wx.request实现后台数据交互功能分析_wx.request({ - CSDN文库

微信小程序

131 浏览量更新于2023-03-16 评论 1 收藏 37KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序微信小程序wx.request实现后台数据交互功能分析实现后台数据交互功能分析

主要介绍了微信小程序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都拿不到参数。

解决方法参考本站：//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

希望本文所述对大家微信小程序开发有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38747233

粉丝: 8
资源: 969

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈