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获取图片大小的函数代码
Sep 20 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
javascript实现京东快递单号的查询效果
Nov 30 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
一个ftp类(ini.php)
2006/10/09 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
浅谈JavaScript数据类型及转换
2015/02/28 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
vue-router 路由基础的详解
2017/10/17 Javascript
three.js 入门案例详解
2018/01/23 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
深入学习python的yield和generator
2016/03/10 Python
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
Python多图片合并PDF的方法
2019/01/03 Python
详解python的四种内置数据结构
2019/03/19 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
pytorch forward两个参数实例
2020/01/17 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
项目副经理岗位职责
2013/12/30 职场文书
大专会计自我鉴定
2014/02/06 职场文书
十佳护士获奖感言
2014/02/18 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
聊聊Python String型列表求最值的问题
2022/01/18 Python