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 相关文章推荐
Jquery下EasyUI组件中的DataGrid结果集清空方法
Jan 06 Javascript
红米手机抢购的js代码
Mar 10 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
jquery分割字符串的方法
Jun 24 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
vue实现简单的MVVM框架
Aug 05 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 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
PHP中文分词的简单实现代码分享
2011/07/17 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP常用的三种设计模式
2017/02/17 PHP
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
js实现图片轮播效果
2015/12/19 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
Python实现批量修改文件名实例
2015/07/08 Python
python微信好友数据分析详解
2018/11/19 Python
Python创建字典的八种方式
2019/02/27 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python版百度语音识别功能
2019/07/09 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
如何利用Python写个坦克大战
2020/11/18 Python
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
初中校园之声广播稿
2014/01/15 职场文书
求职自荐信的格式
2014/04/07 职场文书
体现团队精神的口号
2014/06/06 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
房地产置业顾问岗位职责
2015/04/11 职场文书
2015年质检工作总结
2015/05/04 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android