日期:2014-05-16  浏览次数:20548 次

js根据数据库数据动态画table

要显示的table:

<table rules=rows border="1" id="table">
     <tr>
	 <td>模块名称</td>
	 <td>状态</td> 		
     </tr>	
</table>


对应的画表代码:

  var mLength;
  function init(){  
	  	$.ajax({
			 url:"modules/getAllModules.action",
			 type : 'POST',
			 dataType : 'json',
			 success : function(data) {
	 			var len = data.modulesList.length;
	 			mLength = len;
	 			for(var i=0;i<len;i++)
	 			{
	 		 		$("#table").append("<tr ><td colspan='2'>" +
	 		 				"<input type='hidden' id='"+(i+1)+
	 		 				"' value='"+(i+1)+"' name='mId'>" +
	 		 				"<label for='s"+(i+1)+"'>" + 
	 		 				(data.modulesList[i].mname) +
	 		 		 		"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
	 		 		 		"<input type='checkbox' id='s"+(i+1)+
	 		 		 		"' name='parentId'/></label></td></tr>");
	 			}
			 }
		 });
  }   



亮点就是append();

?