2012-07-16 63 views
-1

我需要填充通過jQuery的AJAX調用JSON數據的表格,如何通過jQuery AJAX調用

JSON數據的格式JSON數據填入HTML表:

{"message":[ 
       {"name":"A","value":"7%"}, 
       {"name":"B","value":"3%"} 
      ]} 

任何人都可以幫助找出這個AJAX通話有什麼問題:

$.ajax({ 
     type : "GET", 
     url : "", 
     dataType : "json", 
     success : function(data) { 
      var Options = ''; 
      $.each($(data.message), function() {       
       Options +='<li'+this.name+':'+this.value+'</li>'; 
      }); 

      $("#list1").append(Options); 
     } 
    }); 

回答

1

我不確定你的問題到底是什麼。但是我發現格式不對。您的'li'標籤未正確打開。

Options +='<li'+this.name+':'+this.value+'</li>'; 

將其更改爲,

Options +='<li>'+this.name+':'+this.value+'</li>'; 

希望這將有助於。

1

"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
 
    console.log(aData[1]); 
 
    if (aData[1] == "Imported") 
 
    { 
 
     // $('td').css('background-color', '#FBE9E7'); 
 
     $(nRow).find('td:eq(1)').html('<span class="label label-success">'+aData[1]+'</span>'); 
 
    } else if (aData[1] == "Inactive") { 
 
     $(nRow).find('td:eq(1)').html('<span class="label label-danger">'+aData[1]+'</span>'); 
 
    } else if(aData[1] == "Exported") { 
 
     $(nRow).find('td:eq(1)').html('<span class="label label-primary">'+aData[1]+'</span>'); 
 
    }else{ 
 
     $(nRow).find('td:eq(1)').html('<span class="label label-default">'+aData[1]+'</span>'); 
 
     // $.addClass('label label-default'); 
 
    } 
 

 
},

enter image description here