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 相关文章推荐
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
Vue制作Todo List网页
Apr 26 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
Vue开发之watch监听数组、对象、变量操作分析
Apr 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递归创建和删除文件夹的代码小结
2012/04/13 PHP
jquery 常用操作方法
2010/01/28 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
angularjs实现table增加tr的方法
2018/02/27 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
vue实现计步器功能
2019/11/01 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
python基础教程之基本内置数据类型介绍
2014/02/20 Python
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
python进程管理工具supervisor使用实例
2014/09/17 Python
实例说明Python中比较运算符的使用
2015/05/13 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
教大家玩转Python字符串处理的七种技巧
2017/03/31 Python
Python实现随机选择元素功能
2017/09/14 Python
Python字符串的一些操作方法总结
2019/06/10 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
业务经理的岗位职责
2013/11/16 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
交通安全寄语大全
2014/04/08 职场文书
青年文明号口号
2014/06/17 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
神秘岛读书笔记
2015/07/01 职场文书
2016教师节问候语
2015/11/10 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
反四风问题学习心得体会
2016/01/22 职场文书