当前位置:主页 > javascript教程 > 微信小程序wx.request实现后台数据交互功能分析

wx.request实现后台数据交互功能详解

发布:2019-12-05 15:26:39 102


给大家整理了相关的编程文章,网友夏才哲根据主题投稿了本篇教程内容,涉及到微信小程序、wx.request、后台、数据交互、微信小程序wx.request实现后台数据交互功能分析相关内容,已被847网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

微信小程序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

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


参考资料

相关文章

  • 详解微信小程序冒泡事件及阻止方法

    发布:2019-12-30

    这篇文章主要介绍了微信小程序冒泡事件及其阻止方法,结合实例形式分析了事件分类、冒泡及相应阻止操作方法,需要的朋友可以参考下


  • 微信小程序实现同页面取值的实例代码

    发布:2020-01-13

    这篇文章主要介绍了微信小程序实现同一页面取值的方法,结合实例形式分析了微信小程序在同一页面取值的常见情况与具体操作技巧,需要的朋友可以参考下


  • 微信小程序MUI导航栏透明渐变功能代码

    发布:2020-07-16

    这篇文章主要介绍了微信小程序MUI导航栏透明渐变功能,结合实例形式分析了通过改变opacity实现透明度渐变功能相关操作技巧,需要的朋友可以参考下


  • TP5实现后台清除缓存功能示例

    发布:2019-08-07

    这篇文章主要介绍了TP5(thinkPHP框架)实现后台清除缓存功能,结合实例形式分析了thinkPHP5结合layui插件实现后台缓存清除相关的文件遍历、删除等操作技巧,需要的朋友可以参考下


  • 微信小程序利用swiper+css实现购物车商品删除功能

    微信小程序利用swiper+css实现购物车商品删除功能

    发布:2022-07-07

    为网友们分享了关于微信小程序的教程,这篇文章主要介绍了微信小程序利用swiper+css实现购物车商品删除功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起


  • 微信小程序录音文件格式silk遇到的问题及解决方法

    发布:2022-11-24

    为网友们分享了关于微信小程序的教程,录音文件为silk格式,说是silk其实是base64加密后的webm格式,只需将其转为webm格式即可。但是在处理过程中遇到各种坑,下面小编给大家带来了微信小程序录音文件格式silk遇到的问题及解决方法


  • 微信小程序通过gitee进行版本管理的实例

    发布:2020-04-26

    这篇文章主要介绍了微信小程序使用gitee进行版本管理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 微信小程序input正则表达式验证功能实现代码

    发布:2020-02-16

    这篇文章主要介绍了微信小程序实现简单input正则表达式验证功能,结合实例形式分析了微信小程序input组件事件绑定及正则验证相关操作技巧,需要的朋友可以参考下


网友讨论