这里来使用each方法来遍历json对象的数据
代码
varcomments=[
{
"username":"张三",
"content":"沙发."
},
{
"username":"李四",
"content":"板凳."
},
{
"username":"王五",
"content":"地板."
}
];
varhtml='';
$.each( comments ,function(commentIndex, comment) {
html+='<div class="comment"><h6>'+comment['username']+':</h6><p class="para">'+comment['content']+'</p></div>';
})
$('#resText').html(html);
说明: each在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数。这里所指的
则为commentIndex, 而每一个commentIndex所对应的值则为comment, comment则为其中一个json对象,即如
{
"username":"张三",
"content":"沙发."
}
又如如下的方式,使用 点访问符的方式来进行访问
代码
$('#send').click(function() {
$.ajax({
type:"GET",
url:"http://api.flickr.com/services/feeds/photos_public.gne?tags=car&tagmode=any&format=json&jsoncallback=?",
dataType:"jsonp",
success :function(data){
$.each(data.items,function( i,item ){
$("<img class='para'/>").attr("src", item.media.m ).appendTo("#resText");
if( i==3) {
returnfalse;
}
});
}
});
});
分享到:
相关推荐
Jquery遍历json的两种数据结构.docxJquery遍历json的两种数据结构.docx
Jquery遍历json的两种数据结构.pdf
Jquery遍历json的两种数据结构借鉴.pdf
Jquery遍历json的两种数据结构[参照].pdf
主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下
主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each、for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下
本文实例讲述了jQuery遍历json中多个map的方法。分享给大家供大家参考。具体实现方法如下: jQuery.each(data.root,function(key,value){ for(var i = 0 ; i < value.length; i++ ){ var tmpArr = []; var obj...
本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作。分享给大家供大家参考,具体如下: json 遍历 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>demo data</...
本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下: 复制代码 代码如下:var obj = {“status”:1,”bkmsg”:”\u6210\u529f”,”bkdata”:[“\u5415\u5c1a\u5fd7″,”1387580400″,”\u6dfb\u52...
主要为大家详细介绍了jquery遍历json对象集合、jQuery 遍历JSON对象、jquery中遍历读取json串中的对象三种情况,感兴趣的小伙伴们可以参考一下
Javascript Jquery 遍历Json的实现代码,需要的朋友可以参考下。
主要介绍了jQuery遍历json的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
在ajax交互中,我们从服务器端返回的数据类型有xml,html,script,json,jsonp,text,本文以json为例,讲述了在前台如何利用jquery遍历json的两种数据结构:“名称/值”对的集合,值的有序列表,以及值的有序列表里面...
代码如下: [removed] var d1 =[{“text”:”王家湾”,”value”:”9″},{“text”:”李家湾”,”value”:... [removed] 不用JQuery 代码如下: [removed] var json = {“options”:”[{\”text\”:\”王家湾\”,\”value