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 相关文章推荐
ie下动态加态js文件的方法
Sep 13 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
JavaScript DOM基础
Apr 13 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
js实现简单模态框实例
Nov 16 Javascript
微信小程序前端promise封装代码实例
Aug 24 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 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
通达OA公共代码 php常用检测函数
2011/12/14 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
php实现微信扫码支付
2017/03/26 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
php实现微信企业转账功能
2018/10/02 PHP
传智播客学习之java 反射
2009/11/22 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
python安装dlib库报错问题及解决方法
2020/03/16 Python
python 瀑布线指标编写实例
2020/06/03 Python
python如何进入交互模式
2020/07/06 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
Python常用外部指令执行代码实例
2020/11/05 Python
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
教师师德承诺书
2014/03/26 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
2021/07/01 HTML / CSS
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android