关于ajax 返回的json数据动态展现在jsp页面的问题 20170525

    最近项目需要将动态获得列表数据，并且展现到页面相应的地方下面展示代码：

1.

      <script>

function get(monitorId){
//debugger;
//alert(monitorId);console.log(monitorId);
  $("select[name=select]").empty();      //清空  
  $.ajax({
type:"get",
url : getRootPath()+"/screen/resourceManagement/monitors/select.html",
dataType : "json",
data:{
"monitorId":monitorId
},
cache: false,  //缓存
success : function(data){  
    //alert(eval(data.length));
    
       
           if(data && data.length != 0){  
               for(var i=0; i<data.length; i++){  
                   var option="<option value=\""+data[i]+"\"";  
                   if(data[0] ){  
                       option += " selected=\"selected\" "; //默认选中  
                   }  
                   option += ">"+data[i]+"</option>";  //动态添加数据  
                   $("select[name=select]").append(option);  
               }  
       }  
},
error : function() {
alert("error");
}
});  
}

</script>

2.data 数据是这样的  [["TEMPERATURE"],["HUMIDITY"]] 即可。