浅谈JS中json数据的处理


Posted in Javascript onJune 30, 2016

1、 json数据结构(对象和数组)

json对象:var obj = {"name":"xiao","age":12};

json数组:var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];

2、 处理json数据,依赖文件有:jQuery.js

3、Note:数据传输过程中,json数据是以文本,即字符串格式形式存在;

JS语言操作的是JS对象;

所以json字符串与JS对象之间的转换是关键;

4、数据格式

Json字符串:var json_str = ‘{"name":"xiao","age":12}';

Josn对象:var obj = {"name":"xiao","age":12};

JS对象:Object = {name: "xiao", age: 12}

5、类型转换

Json字符串——>JS对象,使用方法:

注明:

json_str、obj代表的是在本文子标题4中的数据类型;

obj = JSON.parse(json_str);

obj = jQuery.parseJSON(json_str);

Note:传入畸形json字符串(例如:‘{name:"xiao",age:12}'),会抛出异常;

Json字符串格式,严格格式:‘{"name":"xiao","age":12}'

JS对象——>Json字符串:

json_str = JSON. stringify(obj);

NOTE:

1、eval()是JS原生函数,使用该形式:eval(‘('+‘{name:"xiao",age:12}'+')'),并不安全,无法保证类型转换为JS对象;

2、上面3中方法,都经过chrome浏览器测试,下面是测试结果截图;

Json字符串——>JS对象;

浅谈JS中json数据的处理

JS对象——>Json字符串:

浅谈JS中json数据的处理

To园友:

对文中任何错误的地方,欢迎您指出。

以上这篇浅谈JS中json数据的处理就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
JavaScript获取文本框内选中文本的方法
Feb 20 Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
深入浅析Vue 中 ref 的使用
Apr 29 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 #Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 #Javascript
简单实现js间歇或无缝滚动效果
Jun 29 #Javascript
js精准的倒计时函数分享
Jun 29 #Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 #Javascript
RequireJS多页面应用实例分析
Jun 29 #Javascript
全面了解JS中的匿名函数
Jun 29 #Javascript
You might like
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
ThinkPHP安装和设置
2015/07/27 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
js玩一玩WSH吧
2007/02/23 Javascript
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
2015/07/29 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
JS判断非空至少输入两个字符的简单实现方法
2017/06/23 Javascript
原生js实现弹窗消息动画
2020/11/20 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
Python入门篇之对象类型
2014/10/17 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
python新手学习可变和不可变对象
2020/06/11 Python
python实现无边框进度条的实例代码
2020/12/30 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
软件测试题目
2013/02/27 面试题
英文留学推荐信范文
2014/01/25 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
SQL Server中使用表变量和临时表
2022/05/20 SQL Server