Jquery根据JSON生成Table

(function ($) {
        $.jsonList = function (obj) {
            this.listTable = function () {     //this.testFun方法，加上了this，就是公有方法了，外部可以访问。
               // alert(obj1.floorId + "," + obj2.houseId);
            	var action = obj.action ;
            	alert(obj.action);
            	alert("a= " + obj.floorId);
            	if(obj.action == 'floor'){
            		action = "bedlist";
            	}else{
            		action = "bedInit";
            		obj.floorId = obj.houseId;
            	}
            	alert("b= " + obj.floorId);
                $.post("getBed.jsp",{
	           	     floorId:obj.floorId,
	           	     action:action
	           	     
           	    },function(data,status){
           	    	$("#table1  tr:not(:first)").empty();
           	      for(var i=0;i<eval(data).length;i++){
           	    	  var bedsSize=eval(data)[i].beds.length; 
           	    	  
           	    	  var trBegin ="<tr>";
           	    	  var td1 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].houseName+"</span></div></td>";
           	    	  var td2 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].floorName+"</span></div></td>";
           	    	  var td3 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomName+"</span></div></td>";
           	    	  var td4 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomNum+"</span></div></td>";
           	    	  var td5 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomType+"</span></div></td>";
           	    	  
           	    	  var beds ="";
           	    	  for( var h=0;h<bedsSize; h++){
               	    	  //var subTd = "<td style="background:yellow" onclick='testAlert(""+eval(data)[i].beds[h].opName+"")'>"+eval(data)[i].beds[h].status+"</td>";
               	    	  var subTd = statusColor(eval(data)[i].beds[h].status,eval(data)[i].beds[h].opName);
               	    	  beds+=subTd;
           	    	  }
           	    	  var trEnd ="</tr>";
           	    	  var room = trBegin + td1 + td2 + td3 + td4 + td5 + beds + trEnd;
           	    	  $("#table1").append(room);  
           	      }
           	    });
            };
        };
    })(jQuery);
    
    
    $(document).ready(function(){
	    	$("#navtree").omTree({
	            dataSource : 'getBed.jsp?action=houselist',
	            showIcon:false,
	            lineHover:true,
	            onSelect: function(nodedata){
	            	if(!nodedata.children && nodedata.text){
	            		alert("楼层ID = "+nodedata.floorId);
	            		var a = new $.jsonList({ floorId: nodedata.floorId,action:"floor" });
	            		a.listTable();
	            	}else {
	            		alert("大厦ID = "+nodedata.houseId);
	            		var a = new $.jsonList({ houseId: nodedata.houseId, action:"house"});
	            		a.listTable();
	            	}
	            }
	        });
    		
	    	 $.post("getBed.jsp",{
	    	     floorId:"1",
	    	     action:"bedlist"
	    	    },function(data,status){
	    	      for(var i=0;i<eval(data).length;i++){
	    	    	  var bedsSize=eval(data)[i].beds.length; 
	    	    	  
	    	    	  var trBegin ="<tr>";
	    	    	  var td1 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].houseName+"</span></div></td>";
	    	    	  var td2 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].floorName+"</span></div></td>";
	    	    	  var td3 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomName+"</span></div></td>";
	    	    	  var td4 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomNum+"</span></div></td>";
	    	    	  var td5 = "<td height='20' bgcolor='#FFFFFF'><div align='center'><span class='STYLE1'>"+eval(data)[i].roomType+"</span></div></td>";
	    	    	  
	    	    	  var beds ="";
	    	    	  for( var h=0;h<bedsSize; h++){
	        	    	  //var subTd = "<td style="background:yellow" onclick='testAlert(""+eval(data)[i].beds[h].opName+"")'>"+eval(data)[i].beds[h].status+"</td>";
	        	    	  var subTd = statusColor(eval(data)[i].beds[h].status,eval(data)[i].beds[h].opName);
	        	    	  beds+=subTd;
	    	    	  }
	    	    	  var trEnd ="</tr>";
	    	    	  var room = trBegin + td1 + td2 + td3 + td4 + td5 + beds + trEnd;
	    	    	  $("#table1").append(room);  
	    	      }
	    	    });
    });
    
    
    
    
    
    function testAlert(obj){
    	if(obj == ''){
    		alert("没有信息哦");
    		return;
    	}
    	alert(obj);
    }
    
    //床位状态:0,空闲;1,使用;2,预约;3,请假;4,试住;  
    function statusColor(status,opName){
    	if( status == 0){
    		return "<td height="20" bgcolor="#FFFFFF" style="background:#66B3FF" onclick='testAlert(""+opName+"")'><div align="center"><span class="STYLE1">空闲</span></div></td>";
    	}else if( status == 1){
    		return "<td height="20" bgcolor="#FFFFFF" style="background:Crimson" onclick='testAlert(""+opName+"")'><div align="center"><span class="STYLE1">使用</span></div></td>";
    	}else if( status == 2){
    		return "<td height="20" bgcolor="#FFFFFF" style="background:Orange" onclick='testAlert(""+opName+"")'><div align="center"><span class="STYLE1">预约</span></div></td>";
    	}else if( status == 3){
    		return "<td height="20" bgcolor="#FFFFFF" style="background:Yellow" onclick='testAlert(""+opName+"")'><div align="center"><span class="STYLE1">请假</span></div></td>";
    	}else if( status == 4){
    		return "<td height="20" bgcolor="#FFFFFF" style="background:HotPink" onclick='testAlert(""+opName+"")'><div align="center"><span class="STYLE1">试住</span></div></td>";
    	}
    }

JSON格式为:

[{"beds":[{"bedId":1,"bedIndex":1,"opId":0,"opName":"","status":0},{"bedId":2,"bedIndex":2,"opId":0,"opName":"","status":1},{"bedId":3,"bedIndex":3,"opId":0,"opName":"","status":2},{"bedId":4,"bedIndex":4,"opId":0,"opName":"","status":3},{"bedId":5,"bedIndex":5,"opId":0,"opName":"","status":4},{"bedId":6,"bedIndex":6,"opId":0,"opName":"","status":0}],"floorName":"一层","houseName":"哈哈楼","roomName":"测试房间","roomNum":"六人间","roomType":"朝北"},{"beds":[{"bedId":7,"bedIndex":1,"opId":0,"opName":"","status":0}],"floorName":"二层","houseName":"哈哈楼","roomName":"1101号房","roomNum":"单人间","roomType":"朝东"}]