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教程
Jun 09 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
javascript触发模拟鼠标点击事件
Jun 26 Javascript
Javascript作用域和作用域链原理解析
Mar 03 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 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
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
Javascript简写条件语句(推荐)
2016/06/12 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
[02:43]DOTA2英雄基础教程 圣堂刺客
2013/12/09 DOTA
python requests证书问题解决
2019/09/05 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
python返回数组的索引实例
2019/11/28 Python
Python中if有多个条件处理方法
2020/02/26 Python
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
.net软件工程师应聘上机试题
2015/03/10 面试题
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
行政助理求职自荐信
2013/10/26 职场文书
医务工作者先进事迹材料
2014/01/26 职场文书
银行竞聘演讲稿范文
2014/04/23 职场文书
社区志愿者活动总结
2014/06/26 职场文书
个人授权委托书范本
2014/09/14 职场文书
营销经理工作检讨书
2014/11/03 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL