jquery遍历json

最新推荐文章于 2013-01-06 11:18:00 发布

HelloStarnger

最新推荐文章于 2013-01-06 11:18:00 发布

阅读量255

点赞数

分类专栏： js/jauery 文章标签： jquery function json table class list

本文链接：https://blog.csdn.net/f438952359/article/details/7789652

版权

js/jauery 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

ajax请求返回的json文件：

{
  "n1":{"ID":"1","Sort":"0","Name":"gfngfngf","Explain":"gfngfng"},
  "n2":{"ID":"2","Sort":"0","Name":"gfngfngf","Explain":"gfngf"},
  "n3":{"ID":"3","Sort":"0","Name":"gngf","Explain":"gfngf"}
}

下面是each遍历：

$.ajax({//ajax请求
		type:'POST',
		url:'/moudle/admin/default.php',
		dataType:'json',
		data:{action:'Language'},
		success:function(data){//返回
			var list = '';
			$(data).each(function(index,item){
				$.each(item,function(i,o){//取值
					var ID = o.ID;
					var languageName = o.Name;
					var languageExplain = o.Explain;
					list +='<tr>'//显示
                                             +'<td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF">'
					     +'<input name="webLan" rel="'+ID+'" type="checkbox" id="checkbox" ></td>'
                                             +'<td width="30%" height="30" align="center" valign="middle" bgcolor="#FFFFFF">'+languageName+'</td>'
                                             +'<td width="30%" height="30" align="left" valign="middle" bgcolor="#FFFFFF">'+languageExplain+'</td>'
                                             +'<td width="20%" height="30" align="center" valign="middle" bgcolor="#FFFFFF">'
					     +'<img class="img update" rel="'+ID+'" src="../images/update.png"><img class="img delete" rel="'+ID+'" src="../images/delete.png"></td>'
                  	                     +'</tr>';	
					})
				})	
				$('.content').find('table').find('td').find('table').find('tr').eq(0).after(list);//插入
			}
		})