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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
javascript验证form表单数据的案例详解
Mar 25 Javascript
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
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
php标签云的实现代码
2012/10/10 PHP
PHP运行模式的深入理解
2013/06/03 PHP
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
Laravel5.5 动态切换多语言的操作方式
2019/10/25 PHP
Javascript this 的一些学习总结
2012/08/31 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
JavaScript 面向对象与原型
2015/04/10 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
浅谈sass在vue注意的地方
2017/08/10 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
2019/08/14 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
python实现泊松图像融合
2018/07/26 Python
python实现多层感知器
2019/01/18 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
Python读取实时数据流示例
2019/12/02 Python
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
党校培训思想汇报
2013/12/30 职场文书
业务员的岗位职责
2014/03/15 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
教师节倡议书
2014/08/30 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
老公保证书
2015/01/17 职场文书
业务员岗位职责范本
2015/04/03 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
python编程实现清理微信重复缓存文件
2021/11/01 Python