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 相关文章推荐
用jscript实现新建和保存一个word文档
Jun 15 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
Feb 08 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 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启动时候提示PHP startup的解决方法
2013/05/07 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
PHP生成条形图的方法
2014/12/10 PHP
Yii2如何批量添加数据
2016/05/17 PHP
CI框架的安全性分析
2016/05/18 PHP
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
javascript数据类型详解
2017/02/07 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python的类变量和成员变量用法实例教程
2014/08/25 Python
python中随机函数random用法实例
2015/04/30 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
分享6个隐藏的python功能
2017/12/07 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
eBay法国购物网站:eBay.fr
2017/10/21 全球购物
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
2015年求职自荐信范文
2015/03/04 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android