jquery解析遍历json[包括外部json]的方法和实例推荐 亲测 原创 收藏

文章标签: json
  • :
  • 06-16 15:52
  • :
  • 589次
  • :
  • 0条
  • 9赞

简介在jquery里解析和遍历json数据,包括外部json数据的方法及具体的实例。

本文站长和大家探讨与分享在jquery里解析和遍历json数据的相关技巧和方法。

一:jquery里遍历定义好的json数据的方法:

<script>
//假设我们有下面这样的一组json数据:
var aijquery={
  item1:{name:"爱jquery",link:"www.aijquery.cn"},
  item2:{name:"学习jquery",link:"aijquery.cn"}
};

//可以直接用jquery里的$.each来遍历json:
$.each(aijquery,function(i,v){
    document.write(i+"."+v.name+":"+v.link+"<br>");
});
</script>


二:jquery里读取和遍历外部json数据的方法:

在实际开发中,一些json数据是从数据库里生成的,在这种情况下,我们一般把这些json数据单独保存到一个文件里,然后在需要的页面在读取和载入。


首先来看存放json数据的文件:http://www.aijquery.cn/html/aijquery/JSON.js

{  
    "item1":{"name":"爱jquery","link":"www.aijquery.cn"},  
    "item2":{"name":"love jQuery","link":"aijquery.cn"}
}

这里要注意:保存在单独文件里的json数据,一定要格式正确!!!格式正确!!格式正确!属性和值都要用双括号引起来:

如果格式不正确,用下面的方法来读取时,是读不出来的:

$.getJSON("/html/aijquery/JSON.js",function(d){
    $.each(d,function(i,v){		
        $("body").append(i+"."+v.name+":"+v.link+"<br>");	
    }); 
});


上面两个实例,站长都已亲测,下面是测试的地址:

jquery遍历json数据的在线实例演示



您正在找的文章可能是: