Flask中获取小程序Request数据的两种方法


Posted in Javascript onMay 12, 2017

Flask中获取小程序Request数据的两种方法

作为后端?哦杂谇岸巳肥祷淠?缟睿?S中的类型Object竟然不能直接通过POST传入到后台Flask中,您会发现获取的是[object Object],这货在Flask中只是个Str,哈哈...

于是,开始寻求解决方案:

方案一,通过GET或者POST传参,将Object转换为Str请求数据:

1.在util.js中定义一个JS函数:

function json2Form(json) {
 var str = [];
 for (var p in json) {
  str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));
 }
 return str.join("&");
}
module.exports = {
 json2Form: json2Form,
}

2.在相应的页面加载该函数,并进行调用:

var Util = require('../../../utils/util.js')
wx.request({
  url: App.Config.post_Data,//自己的服务接口地址
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
},
    data: { postdata:Util.json2Form(params)},//注意这里哈!
  success: function (data) {console.log('已经提交数据到数据库')}
})

当然,这里也可以也可以用你的URl+Util.json2Form(params),然后用GET请求。

3.Flask后台获取数据:

postdata = request.values.get('postdata')

方案二,通过POST传参,将Object转换为Json()格式:

1.小程序直接将请求数据转换为Json格式:

wx.request({
  url: App.Config.post_Data,
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
},
    data: { postdata: JSON.stringify(params) },//注意这里哈!
  success: function (data) {console.log('已经提交数据到数据库')}
})

2.Flask后台处理:

postdata = request.values.get('postdata')
print (json.loads(postdata)) # 注意这里哈
postdata=json.loads(postdata)# 注意这里哈,变回DICT格式,亲切ing

好啦,以后能用POST就用它获取数据了,继续Flask开发小程序的进程!!!

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
jQuery的.live()和.die() 使用介绍
Sep 10 Javascript
javascript 闭包
Sep 15 Javascript
JS阻止用户多次提交示例代码
Mar 26 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
taro开发微信小程序的实践
May 21 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 #Javascript
微信小程序 支付功能实现PHP实例详解
May 12 #Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 #Javascript
JS实现图片预加载之无序预加载功能代码
May 12 #Javascript
详解React开发中使用require.ensure()按需加载ES6组件
May 12 #Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
May 12 #Javascript
JS常用正则表达式总结【经典】
May 12 #Javascript
You might like
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
javascript 面向对象思想 附源码
2009/07/07 Javascript
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
利用谷歌地图API获取点与点的距离的js代码
2012/10/11 Javascript
javascript打印输出json实例
2013/11/11 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
js实现简单商品筛选功能
2021/02/02 Javascript
[02:08]我的刀塔不可能这么可爱 胡晓桃_1
2014/06/20 DOTA
python thread 并发且顺序运行示例
2009/04/09 Python
Python 创建子进程模块subprocess详解
2015/04/08 Python
Python 备份程序代码实现
2017/03/06 Python
Python算术运算符实例详解
2017/05/31 Python
python3.4下django集成使用xadmin后台的方法
2017/08/15 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
python输出数学符号实例
2020/05/11 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
网络编辑岗位职责范本
2014/02/10 职场文书
三方合作协议书范本
2014/04/18 职场文书
深入理解python多线程编程
2021/04/18 Python