將JSON放入表格行

嗯，爲什麼這段代碼不工作？我複製它的jsfiddle，但它不工作..最新的庫包含，所以我真的不知道爲什麼它不工作..;/將JSON放入表格行

代碼：

<html> 

    <head> 
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
     <script> 
      var jsondata = $.parseJSON('{"response":[["name0","id0","amt0"],["name1","id1","amt1"]]}'); 
      $.each(jsondata.response, function (i, d) { 
       var row = '<tr>'; 
       $.each(d, function (j, e) { 
        row += '<td>' + e + '</td>'; 
       }); 
       row += '</tr>'; 
       $('#table tbody').append(row); 
      }); 
     </script> 
    </head> 

    <body> 
     <div id="myDiv"> 
      <table id="table"> 
       <thead> 
        <tr> 
         <th>header1</th> 
         <th>header2</th> 
         <th>header3</th> 
        </tr> 
       </thead> 
       <tbody></tbody> 
      </table> 
     </div> 
    </body> 

</html>

來源

2013-04-29 Adam

你檢查你的瀏覽器的錯誤控制檯的JS錯誤？ – 2013-04-29 14:53:58

首先，當我聽到有關這樣的事情時......; – Adam 2013-04-29 14:54:50

在大多數瀏覽器中點擊F12並檢查「控制檯」選項卡。 – 2013-04-29 14:55:34

你需要用你在代碼：

$(document).ready(function() { 

    //code here 
    var jsondata=$.parseJSON('{"response":[["name0","id0","amt0"],["name1","id1","amt1"]]}'); 

    $.each(jsondata.response, function(i, d) { 
     var row='<tr>'; 
     $.each(d, function(j, e) { 
      row+='<td>'+e+'</td>'; 
     }); 
     row+='</tr>'; 
     $('#table tbody').append(row); 
    }); 

});

你的代碼的工作：http://jsfiddle.net/ayqcf/

來源

2013-04-29 14:57:27 tymeJV

是啊！而已！ – Adam 2013-04-29 15:10:49

將JSON放入表格行

回答

相關問題