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 相关文章推荐
CSS常用网站布局实例
Apr 03 Javascript
javascript arguments 传递给函数的隐含参数
Aug 21 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
判断访客终端类型集锦
Jun 05 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
js实现移动端轮播图
Dec 21 Javascript
layui实现数据分页功能
Jul 27 Javascript
Vue脚手架编写试卷页面功能
Mar 17 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
2017/06/10 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
基于hover的用法实例(推荐)
2017/07/04 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
微信小程序radio组件使用详解
2018/01/31 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
python中as用法实例分析
2015/04/30 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
Python2.x与3​​.x版本有哪些区别
2020/07/09 Python
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
什么是组件架构
2016/05/15 面试题
如何用JQuery进行表单验证
2013/05/29 面试题
求职自荐书范文
2013/12/04 职场文书
医学专业应届生的自我评价
2014/02/28 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
试用期自我评价范文
2015/03/10 职场文书
仓库管理制度范本
2015/08/04 职场文书
会计专业自荐信范文
2019/05/22 职场文书
管理者日常工作必备:22条企业管理流程模板!
2019/07/12 职场文书
话题作文之学会尊重
2019/12/16 职场文书
MySQL 如何分析查询性能
2021/05/12 MySQL