微信小程序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 相关文章推荐
dwr spring的集成实现代码
Mar 22 Javascript
JS 字符串连接[性能比较]
May 10 Javascript
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
使用JavaScript保存文本文件到本地的两种方法
Jan 22 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 Javascript
JavaScript实现手风琴效果
Feb 18 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
文件上传程序的全部源码
2006/10/09 PHP
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
Angular4 中内置指令的基本用法
2017/07/31 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
Django框架中方法的访问和查找
2015/07/15 Python
window下eclipse安装python插件教程
2017/04/24 Python
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
python中Django文件上传方法详解
2020/08/05 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
酒店管理专业毕业生推荐信
2013/11/10 职场文书
长城的导游词
2015/01/30 职场文书
2015年维修电工工作总结
2015/04/25 职场文书