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 相关文章推荐
JavaScript中Math对象使用说明
Jan 16 Javascript
JavaScript Event学习第五章 高级事件注册模型
Feb 07 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
JS实现上下左右对称的九九乘法表
Feb 22 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
AngularJS中的缓存使用
Jan 11 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
js实现表格数据搜索
Aug 09 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 Javascript
关于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内核探索:变量存储与类型使用说明
2014/01/30 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
javascript表单验证大全
2015/08/12 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
浅谈在react中如何实现扫码枪输入
2018/07/04 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
2021/01/29 jQuery
haskell实现多线程服务器实例代码
2013/11/26 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python实现自动上京东抢手机
2018/02/06 Python
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
Python实现基于C/S架构的聊天室功能详解
2018/07/07 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Python decimal模块使用方法详解
2020/06/08 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
纺织工程专业个人求职信范文
2014/01/27 职场文书
广告学毕业生求职信
2014/01/30 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
好习惯伴我成长演讲稿
2014/05/21 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
感恩父母主题班会
2015/08/12 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL