Question

我有以下代码，应该获取每个数据结果的值并将其发布到HTML表。我无法弄清楚为什么以下不起作用：

<html>
  <head>
    <script type="text/javascript">
    data = { d : {
        results: [
            { Title: 'Title1', Description: 'Description1', Status: 'Status1', Complete: 'Complete1' },
            { Title: 'Title2', Description: 'Description2', Status: 'Status2', Complete: 'Complete2' },
            { Title: 'Title3', Description: 'Description3', Status: 'Status3', Complete: 'Complete3' },
            { Title: 'Title4', Description: 'Description4', Status: 'Status4', Complete: 'Complete4' } ] } };

    data.d.results.push({Title: 'Title5', Description: 'Description5', Status: 'Status5', Complete: 'Complete5'});


    $(document).ready(function() {
        for (var i = 0; i < data.d.results.length; i++) {
            item = data.d.results[i];
            str  = '<tr><td>' + item.Title + '</td><td> ' + item.Description + '</td><td>' + item.Status + '</td><td>' + item.Complete + '</td></tr>';
            $('#mytab tr').last().after(str);
       }
    });

    </script>
  </head>
  <body>
  <table id="mytab">
    <tr>
      <td>Task Title</td> <td>Description</td> <td>Task Status</td> <td>% Complete</td>
    </tr>
  </table>
  </body>
</html>

Answer 1

在这里扩展帕特里克的想法。您可以使用以下命令确保在加载DOM后执行JS：

$(document).ready(function() {
   // execute your JavaScript code
   // that depends on DOM
});

Answer 2

在DOM中呈现表之前，您的脚本正在运行。尝试从＆lt; head＆gt;移动脚本代码在结束之前＆lt; / body＆gt;标签

JavaScript创建表哈希

2 个答案: