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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
基于node.js的快速开发透明代理
Dec 25 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
javascript实现汉字转拼音代码分享
Apr 20 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
Apr 21 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
node.js中path路径模块的使用方法实例分析
Feb 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
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
setTimeout自动触发一个js的方法
2014/01/15 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
canvas的神奇用法
2017/02/03 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
Python列表(list)常用操作方法小结
2015/02/02 Python
[原创]pip和pygal的安装实例教程
2017/12/07 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
pandas分批读取大数据集教程
2020/06/06 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
CSS3实现同时执行倾斜和旋转的动画效果
2016/10/27 HTML / CSS
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
英语专业学生个人求职信范文
2014/01/06 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
九不准学习心得体会
2016/01/23 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
速龙x4-860k处理器相当于i几
2022/04/20 数码科技