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 相关文章推荐
jQuery把表单元素变为json对象
Nov 06 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
vue.js轮播图组件使用方法详解
Jul 03 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
jquery的$(document).ready()和onload的加载顺序
2010/05/26 Javascript
Jquery进度条插件 Progress Bar小问题解决
2011/07/12 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
JS实现跟随鼠标的链接文字提示框效果
2015/08/06 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
node操作mysql数据库实例详解
2017/03/17 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
一个简易的js图片轮播效果
2017/07/22 Javascript
Vue异步加载about组件
2017/10/31 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
Python上传package到Pypi(代码简单)
2016/02/06 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
如何在django中实现分页功能
2020/04/22 Python
Python环境使用OpenCV检测人脸实现教程
2020/10/19 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
年检委托书
2014/08/30 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
2014年导购员工作总结
2014/11/18 职场文书
警示教育片观后感
2015/06/17 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
请假条应该怎么写?
2019/06/24 职场文书
浅谈MySQL函数
2021/10/05 MySQL