JavaScript 创建表哈希 [重复]答案

【问题标题】：JavaScript Create Table hash [duplicate]JavaScript 创建表哈希 [重复]
【发布时间】：2017-07-26 11:27:27
【问题描述】：

我有下面的代码，它应该获取每个数据结果的值并将其发布到 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>

【问题讨论】：

I couldn't reproduce the problem 但我必须导入您可能缺少的 jquery。
能否分享浏览器控制台日志（如果有）？
谢谢。我已经修改了。虽然还是不行
您检查控制台是否有错误？它会告诉您问题所在。
ReferenceError: $ 未定义

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

我已经这样做了，但我不断收到：ReferenceError: $ is not defined in the console
在有问题的 cmets 部分中，每个人都要求您包含 jQuery。您的代码取决于它。仔细查看这个问题并接受答案。 stackoverflow.com/questions/7496789/…

【解决方案2】：

您的脚本在您的表在 DOM 中呈现之前运行。尝试将您的脚本标签从

移到结束标记之前。

【讨论】：

将脚本标签从哪里移动到哪里？
对不起，我的答案中的标签已被删除。修好了