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 相关文章推荐
ajax的hide隐藏问题解决方法
Dec 11 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
js动态创建标签示例代码
Jun 09 Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
Dec 09 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
js实现图片上传并预览功能
Aug 06 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 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中try catch捕获异常实例详解
2014/11/21 PHP
php compact 通过变量创建数组
2016/11/15 PHP
js跑步算法的实现代码
2013/12/04 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
vue-cli3全面配置详解
2018/11/14 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
Python 通过pip安装Django详细介绍
2017/04/28 Python
Python简单基础小程序的实例代码
2019/04/28 Python
Pytorch之保存读取模型实例
2019/12/30 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
档案接收函范文
2014/01/10 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
北京故宫导游词
2015/01/31 职场文书
华清池导游词
2015/02/02 职场文书
索赔员岗位职责
2015/02/15 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js