浅谈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实现代码
Dec 03 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
JavaScript中使用Callback控制流程介绍
Mar 16 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
Jun 07 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
Jun 18 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的日期与时间函数技巧
2008/04/24 PHP
PHP 柱状图实现代码
2009/12/04 PHP
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
简单的通用表达式求10乘阶示例
2014/03/03 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python dlib人脸识别代码实例
2019/04/04 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
Python切图九宫格的实现方法
2019/10/10 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
如何基于python实现归一化处理
2020/01/20 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
python画环形图的方法
2020/03/25 Python
python对XML文件的操作实现代码
2020/03/27 Python
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
在什么时候需要使用"常引用"
2015/12/31 面试题
会计辞职信范文
2014/01/15 职场文书
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
五好家庭申报材料
2014/12/20 职场文书
防卫过当辩护词
2015/05/21 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS