jquery中JSON的解析方式


Posted in Javascript onMarch 16, 2015

考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。

var data=" 

{ 

root: 

[ 

{name:'1',value:'0'}, 

{name:'6101',value:'西安市'}, 

{name:'6102',value:'铜川市'}, 

{name:'6103',value:'宝鸡市'}, 

{name:'6104',value:'咸阳市'}, 

{name:'6105',value:'渭南市'}, 

{name:'6106',value:'延安市'}, 

{name:'6107',value:'汉中市'}, 

{name:'6108',value:'榆林市'}, 

{name:'6109',value:'安康市'}, 

{name:'6110',value:'商洛市'} 

] 

}";

这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。

1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:

var dataObj=eval("("+data+")");//转换为json对象 

alert(dataObj.root.length);//输出root的子对象数量 

$.each(dataObj.root,fucntion(idx,item){ 

if(idx==0){ 

return true; 

}

//输出每个root子对象的名称和值 

alert("name:"+item.name+",value:"+item.value); 

})

注:对于一般的js生成json对象,只需要将$.each()方法替换为for语句即可,其他不变。

2.对于服务器返回的JSON字符串,如果jquery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getJSON方法为例说明数据处理方法:

$.getJSON("http://user.qzone.qq.com/2227211070",{param:"gaoyusi"},function(data){ 

//此处返回的data已经是json对象 

//以下其他操作同第一种情况 

$.each(data.root,function(idx,item){ 

if(idx==0){ 

return true;//同countinue,返回false同break 

}

alert("name:"+item.name+",value:"+item.value);

}); 

});

以上就是本文关于jQuery解析json的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
$()JS小技巧
Jul 21 Javascript
javascript入门基础之私有变量
Feb 23 Javascript
JQuery Easyui Tree的oncheck事件实现代码
May 28 Javascript
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
Jul 27 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
使用Vue自定义指令实现Select组件
May 24 Javascript
详解如何用webpack4从零开始构建react开发环境
Jan 27 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
浅谈js中的闭包
Mar 16 #Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 #Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
Mar 15 #Javascript
JavaScript中的DSL元编程介绍
Mar 15 #Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 #Javascript
Javascript中的arguments与重载介绍
Mar 15 #Javascript
JavaScript中的闭包介绍
Mar 15 #Javascript
You might like
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
PHP SOCKET编程详解
2015/05/22 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
jquery显示隐藏input对象
2014/07/21 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
Jquery中attr与prop的区别详解
2017/05/27 jQuery
JavaScript的setter与getter方法
2017/11/29 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
详解Python当中的字符串和编码
2015/04/25 Python
python 读写、创建 文件的方法(必看)
2016/09/12 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
python opencv调用笔记本摄像头
2019/08/28 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
经贸日语专业个人求职信范文
2013/12/28 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
车队安全员岗位职责
2015/02/15 职场文书
个人政治思想总结
2015/03/05 职场文书
诚信教育主题班会
2015/08/13 职场文书