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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 Javascript
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
Jquery插件编写简明教程
Mar 25 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
javascript的push使用指南
Dec 05 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
JavaScript switch语句使用方法简介
Dec 30 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 daodb插入、更新与删除数据
2009/03/19 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
js 数据类型转换总结笔记
2011/01/17 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
JavaScript结合AJAX_stream实现流式显示
2015/01/08 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
python函数缺省值与引用学习笔记分享
2013/02/10 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
如何基于Python批量下载音乐
2019/11/11 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
python实现无边框进度条的实例代码
2020/12/30 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
装潢设计实习自我鉴定
2013/09/19 职场文书
婚前协议书范本
2014/04/15 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
食品安全责任书范本
2015/05/09 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
Python几种酷炫的进度条的方式
2022/04/11 Python