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


Posted in Javascript onNovember 25, 2017

本文实例讲述了微信小程序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://3water.com/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

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

Javascript 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
IE和FireFox(FF)中js和css的不同
Apr 13 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
JavaScript中apply方法的应用技巧小结
Sep 29 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
在JavaScript中使用严格模式(Strict Mode)
Jun 13 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 #Javascript
zTree节点文字过多的处理方法
Nov 24 #Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 #Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 #Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 #jQuery
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 #Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 #Javascript
You might like
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
jquery Mobile入门—多页面切换示例学习
2013/01/08 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
js实现拖拽功能
2017/03/01 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
python实现超简单端口转发的方法
2015/03/13 Python
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
Python实现的简单hangman游戏实例
2015/06/28 Python
django 多数据库配置教程
2018/05/30 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
Python实现12306火车票抢票系统
2019/07/04 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
解决python运行启动报错问题
2020/06/01 Python
Python实现手绘图效果实例分享
2020/07/22 Python
python 怎样进行内存管理
2020/11/10 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
特色冷饮店创业计划书
2014/01/28 职场文书
债务纠纷委托书
2014/08/30 职场文书
公司表扬信格式
2015/05/04 职场文书
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技