jquery JSON的解析方式示例介绍
2014-07-27 13:44
1436 查看
这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。
这里首先给出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://gaoyusi.blog.163.com/",{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字符串创建JSON对象
- 基于Jquery+Ajax+Json实现分页显示附效果图
- jQuery内置的AJAX功能和JSON的使用实例
- jquery处理json数据实例分析
- 通过Jquery的Ajax方法读取将table转换为Json
- JQuery实现table行折叠效果以JSON做数据源
- Jquery 返回json数据在IE浏览器中提示下载的问题
- JQuery以JSON方式提交数据到服务端示例代码
- jquery中的ajax方法怎样通过JSONP进行远程调用
- jQuery的3种请求方式$.post,$.get,$.getJSON
- jQuery实现异步获取json数据的2种方式
相关文章推荐
- jquery JSON的解析方式示例介绍
- 通过AJAX的JS、JQuery两种方式解析XML示例介绍
- 通过AJAX的JS、JQuery两种方式解析XML示例介绍
- 介绍两种常用的XML解析方式(NSXMLParser & GDataXMLNode)
- Android XML解析Pull方式———解析网络数据示例
- Java 集合系列13之 WeakHashMap详细介绍(源码解析)和使用示例
- 四种生成和解析XML文档的方法详解(介绍+优缺点比较+示例)
- java解析xml四种方式介绍及比较
- 取消选中单选框radio的三种方式示例介绍
- Java 集合系列06之 Vector详细介绍(源码解析)和使用示例
- Java 集合系列03之 ArrayList详细介绍(源码解析)和使用示例
- 取消选中单选框radio的三种方式示例介绍
- dom4j的解析方式介绍
- Digester及XML三种解析方式介绍
- jquery JSON的解析方式
- Java 集合系列07之 Stack详细介绍(源码解析)和使用示例
- SAX解析方式小示例
- java中四种主流xml解析方式介绍
- jquery JSON的解析方式(转)
- Java 集合系列17之 TreeSet详细介绍(源码解析)和使用示例