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 相关文章推荐
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
关于COOKIE个数与大小的问题
Jan 17 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
Vue-router 切换组件页面时进入进出动画方法
Sep 01 Javascript
学习jQuery中的noConflict()用法
Sep 28 jQuery
vue图片上传本地预览组件使用详解
Feb 20 Javascript
JS Math对象与Math方法实例小结
Jul 05 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 checkbox 取值详细说明
2010/08/19 PHP
for循环连续求和、九九乘法表代码
2012/02/20 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
PHP时间函数使用详解
2019/03/21 PHP
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
jQuery实现的文字hover颜色渐变效果实例
2016/02/20 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
有关jquery与DOM节点操作方法和属性记录
2016/04/15 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
小程序转发探索示例
2019/02/19 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
详解Python中expandtabs()方法的使用
2015/05/18 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
使用Python的Scrapy框架十分钟爬取美女图
2016/12/26 Python
Python中异常重试的解决方案详解
2017/05/05 Python
Python贪心算法实例小结
2018/04/22 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
python之拟合的实现
2019/07/19 Python
python 数据生成excel导出(xlwt,wlsxwrite)代码实例
2019/08/23 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
python清空命令行方式
2020/01/13 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
校园学雷锋活动月总结
2014/03/09 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS