Jquery--遍歷後臺返回的數組

$.each(array, [callback]) 遍歷
不同於例遍 jQuery 對象的 $.each() 方法,此方法可用於例遍任何對象(不僅僅是數組哦~). 回調函數擁有兩個參數:第一個爲對象的成員或數組的索引, 第二個爲對應變量或內容. 如果需要退出 each 循環可使回調函數返回 false, 其它返回值將被忽略.
each遍歷,相信都不陌生,在平常的事件處理中,是for循環的變體,但比for循環強大.在數組中,它可以輕鬆的攻取數組索引及對應的值.例:

使用方法如下:


2013-06-03 13:16:51,768 action.TasksplitAction DEBUG: 打印第0個:
[{ id:1, pId:0, name:"設計院", open:true},{ id:2, pId:1, name:"任務二", open:true},{ id:3, pId:2, name:"BJGS56", open:true},{ id:4, pId:3, name:"RNC5651(R307)", open:true},{ id:5, pId:4, name:"豐臺南苑機場ZTDB2", open:true},{ id:6, pId:1, name:"任務三", open:true},{ id:7, pId:6, name:"BJGS56", open:true},{ id:8, pId:7, name:"R5631", open:true},{ id:9, pId:8, name:"軍事醫學科學院後勤綜合樓M", open:true},{ id:10, pId:8, name:"京鑫發夜總會M", open:true},{ id:11, pId:8, name:"宏圖騰商貿DCS2", open:true},{ id:12, pId:8, name:"宏圖騰商貿DCS1", open:true},{ id:13, pId:8, name:"豐臺張儀村125號院DCS3", open:true},{ id:14, pId:1, name:"任務一", open:true},{ id:15, pId:14, name:"BJGS56", open:true},{ id:16, pId:15, name:"R5635", open:true},{ id:17, pId:16, name:"理想城三期M3", open:true},{ id:18, pId:16, name:"理想城3期M2", open:true}]

2013-06-03 13:16:51,768 action.TasksplitAction DEBUG: 打印第1個:
[{ id:19, pId:0, name:"西安匯誠", open:true},{ id:20, pId:19, name:"任務二", open:true},{ id:21, pId:20, name:"BJGS56", open:true},{ id:22, pId:21, name:"RNC5651(R307)", open:true},{ id:23, pId:22, name:"大興西紅門醫院ZTD3", open:true},{ id:24, pId:22, name:"石景山壓力容器ZTD1", open:true},{ id:25, pId:22, name:"石景山壓力容器ZTD2", open:true},{ id:26, pId:22, name:"石景山壓力容器ZTD3", open:true},{ id:27, pId:22, name:"豐臺南苑機場ZTDB1", open:true},{ id:28, pId:19, name:"任務三", open:true},{ id:29, pId:28, name:"BJGS56", open:true},{ id:30, pId:29, name:"R5631", open:true},{ id:31, pId:30, name:"宏圖騰商貿DCS3", open:true},{ id:32, pId:19, name:"任務一", open:true},{ id:33, pId:32, name:"BJGS56", open:true},{ id:34, pId:33, name:"R5635", open:true},{ id:35, pId:34, name:"理想城三期M1", open:true}]

2013-06-03 13:16:51,768 action.TasksplitAction DEBUG: 打印第2個:
[{ id:36, pId:0, name:"華星", open:true},{ id:37, pId:36, name:"任務二", open:true},{ id:38, pId:37, name:"BJGS56", open:true},{ id:39, pId:38, name:"RNC5651(R307)", open:true},{ id:40, pId:39, name:"石景山永樂中學ZTD1", open:true},{ id:41, pId:36, name:"任務三", open:true},{ id:42, pId:41, name:"BJGS56", open:true},{ id:43, pId:42, name:"R5631", open:true},{ id:44, pId:43, name:"豐臺張儀村125號院DCS2", open:true},{ id:45, pId:43, name:"豐臺張儀村125號院DCS1", open:true},{ id:46, pId:36, name:"任務一", open:true},{ id:47, pId:46, name:"BJGS56", open:true},{ id:48, pId:47, name:"R5635", open:true},{ id:49, pId:48, name:"理想城三期M4", open:true},{ id:50, pId:48, name:"西宏苑小區DCS3", open:true},{ id:51, pId:48, name:"西宏苑小區DCS2", open:true}]



<BODY>
<h1>多棵樹之間 的 數據交互</h1>
<button id="send">數據交互</button>
<script type="text/javascript">
$('#send').click(function(){
	 var toSend=$.ajax({    
	     type:'post',    
	     url:'./tasksplitAction/test.action',    
	     data:{},    
	     cache:false,    
	     dataType:'json',    
	     success:function(data){ 
	    	 var $tr = $("<tr></tr>");
	    	 for (var i=0;i<data.length;i++)
	    	 {
	    		 var $td = $("<td></td>");
	 				var boarddiv = "<div class='zTreeDemoBackground left'><ul id='treeDemo"+i+"' class='ztree'></ul></div>";
	 				$td.append(boarddiv);
	 				$td.appendTo($tr);
	 				$tr.appendTo($("#tab"));
	    	 } 
	 			$.each(data,function(key,val){
	 				var _temp = eval(data[key]);
	 				$.fn.zTree.init($("#treeDemo"+key), setting, _temp);
	 			});
	      },    
	      error:function(){
	    	  alert("ajax-error");
	      }    
	});  
})
</script>
<table id="tab"></table>
</BODY>



url:http://www.nowamagic.net/jquery/jquery_UseArray.php

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章