JS对象与JSON格式数据相互转换


Posted in Javascript onFebruary 20, 2012

目前的项目数据交互几乎都用JQuery,所以处理流程是:前端页面数据-》JS对象-》jQuery提交-》python处理,另外一种就是倒过来。python肯定不能直接处理JS对象数据,所以要把JS对象转换成为python能处理的一种数据格式(通常是字典dict),同样,python取数据反馈到前端也要把字典数据转换成JS能处理的对象,这个中间转换数据格式通常就是JSON。

一、JS对象转换成为JSON

流程:读取前端页面数据,组装成为JS对象,并通过jQuery的$.post()方法传递给python。

处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:var data = new Object(); var json_data = JSON.stringify(data);

读取:python这里就很简单了,用dict_data = json.loads(json_data)就OK了

二、JSON转换成为JS

流程:python组装一个dict数据并转成JSON格式传递给前端,或者前端通过jQuery的$.getJSON()方法直接读取这个JSON格式的数据

处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:var json_data = $.getJSON(); var data = $.parseJSON(json_data);

读取:JS对像的操作就不必多说了

这里,python要把字典转换成JSON格式数据,用json.dumps()这个方法就行了

PS:json2.js这个文件在网上搜一下就能下载到。

Javascript 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
Angular2 Service实现简单音乐播放器服务
Feb 24 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
浅谈Vue 自动化部署打包上线
Jun 14 Javascript
vue backtop组件的实现完整代码
Apr 07 Vue.js
js 代码优化点滴记录
Feb 19 #Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 #Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 #Javascript
jquery实现奇偶行赋值不同css值
Feb 17 #Javascript
qTip2 精致的基于jQuery提示信息插件
Feb 17 #Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 #Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
Feb 16 #Javascript
You might like
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
php简单统计中文个数的方法
2016/09/30 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
FCK调用方法..
2006/12/21 Javascript
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
浅谈js中的闭包
2015/03/16 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
详解VUE 数组更新
2017/12/16 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
Python 复平面绘图实例
2019/11/21 Python
如何给Python代码进行加密
2020/01/10 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
python import 上级目录的导入
2020/11/03 Python
猫咪家具:CatsPlay
2018/11/03 全球购物
先进党支部事迹材料
2014/01/13 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
工作收入证明模板
2014/10/10 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
redis 存储对象的方法对比分析
2021/08/02 Redis