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判断文件类型和文件大小即限制上传大小
Nov 20 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
小程序云开发教程如何使用云函数实现点赞功能
May 18 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
antd配置config-overrides.js文件的操作
Oct 31 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中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
JS代码触发事件代码实例
2020/01/02 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
2020/02/11 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
Python如何获取系统iops示例代码
2016/09/06 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
python数据类型强制转换实例详解
2020/06/22 Python
pandas针对excel处理的实现
2021/01/15 Python
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
英国女性运动服品牌:Sweaty Betty
2018/11/08 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
房展策划方案
2014/06/07 职场文书
大学生求职信
2014/06/17 职场文书
学校联谊协议书
2014/09/16 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
先进党支部申报材料
2014/12/24 职场文书
升职感谢信
2015/01/22 职场文书
首次购房证明
2015/06/19 职场文书
高中班长竞选稿
2015/11/20 职场文书
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS
Win11 vmware不兼容怎么办?Win11与VMware虚拟机不兼容的解决方法
2023/01/09 数码科技