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 相关文章推荐
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
Vue slot用法(小结)
Oct 22 Javascript
js实现随机数小游戏
Jun 28 Javascript
浅谈javascript错误处理
Aug 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 接口类与抽象类的实际作用
2009/11/26 PHP
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
2011/03/01 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
深入理解javascript变量声明
2014/11/20 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
JS操作JSON方法总结(推荐)
2016/06/14 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
跟老齐学Python之list和str比较
2014/09/20 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
Python 余弦相似度与皮尔逊相关系数 计算实例
2019/12/23 Python
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
双十佳事迹材料
2014/01/29 职场文书
毕业生求职自荐书范文
2014/03/27 职场文书
2014年药店工作总结
2014/11/20 职场文书
2016年小学圣诞节活动总结
2016/03/31 职场文书
详解Python函数print用法
2021/06/18 Python