使用jQuery獲取JSON數據構建出一個表未定義

Question

我有一個JSON它看起來像這樣

{ 
secInfo: [ 
{ 
    loginResult: 1, 
    userId: "admin", 
    userName: "admin", 
    userpassword: "ramshyam" 
}, 
{ 
    address: "", 
    loginResult: 1, 
    userEmail: "", 
    userId: "anuraag", 
    userName: "Anuraag", 
    userpassword: "kk0903" 
} 
] 
} 

當我使用下面的jQuery代碼顯示在表中它填充表「中的數據未定義」

<script> 
$(document).ready(function(){ 
    //attach a jQuery live event to the button 
    $('#submitlogin').live('click', function(){ 
     $.getJSON('/acc/services/json/security/loginresult.json', function(data) { 
      //alert(data); //uncomment this for debug 
      //alert (data.item1+" "+data.item2+" "+data.item3); //further debug 
      // $('#showdata').html("<p>Result="+data.loginResult+" userid="+data.userId+" username="+data.userName+"</p>"); 
      $.each(data.secInfo, function(){ 

       $('#usertable').append(
          function(this){ 
           return "<tr>"+ 
              "<td>"+this.userId+"</td>"+ 
              "<td>"+this.userName+"</td>"+ 
              "<td>"+this.userpassword+"</td>"+ 
              "<td>1</td>"+ 
             "<tr>"; 
          } 
          ); 

       }) 
     }); 
    }); 
}); 
</script> 

我是新來的jQuery並得到了一些想法來自http://forum.jquery.com/topic/jquery-create-table-from-json-data這個職位。

請幫我

Answer 1

這絕對作品

<script> 
$(document).ready(function(){ 
    //attach a jQuery live event to the button 
    $('#submitlogin').live('click', function(){ 
     $.getJSON('/acc/services/json/security/loginresult.json', function(data) { 

    var genericlist = eval('(' + data+ ')'); 

var table = document.getElementById("usertable"); 
var tabledata = ""; 

for(i=0;i<genericlist.secInfo.length;i++){ 

tabledata += "<tr>"; 
tabledata += "<td>" + genericlist.secInfo[i].useID += "</td>"; 
tabledata += "<td>" + genericlist.secInfo[i].useName += "</td>"; 
tabledata += "<td>" + genericlist.secInfo[i].usePassword += "</td>"; 
tabledata += "</tr>"; 

} 

table.innerHTML = tabledata; 

Answer 2

的問題可能是「本」在你的回調函數，那是一個保留關鍵字。也可以嘗試以數組的形式訪問JSON條目而不是類屬性。

Answer 3

'我'的範圍已經改變了。試試這個：

$(document).ready(function(){ 
    //attach a jQuery live event to the button 
    $('#submitlogin').live('click', function(){ 
     $.getJSON('/acc/services/json/security/loginresult.json', function(data) { 
      //alert(data); //uncomment this for debug 
      //alert (data.item1+" "+data.item2+" "+data.item3); //further debug 
      // $('#showdata').html("<p>Result="+data.loginResult+" userid="+data.userId+" username="+data.userName+"</p>"); 
      $.each(data.secInfo, function(dataItem){ 
       $('#usertable').append(
        function() { 
         return "<tr>"+ 
            "<td>"+dataItem.userId+"</td>"+ 
            "<td>"+dataItem.userName+"</td>"+ 
            "<td>"+dataItem.userpassword+"</td>"+ 
            "<td>1</td>"+ 
           "<tr>"; 
        } 
       ); 
      }) 
     }); 
    }); 
});