将表格行附加到现有表格 PHP、Javascript答案

【问题标题】：Append Table row to existing Table PHP, Javascript将表格行附加到现有表格 PHP、Javascript
【发布时间】：2022-01-31 21:16:33
【问题描述】：

我正在尝试制作一个表格，用户可以在其中查看数据库中的一些数据。

为此，我使用此 js 代码为每个实体附加一行：

     function append(id, name){
    $table_body = $('#tbody');
    //html of the table row
    $table_row = $('<tr class="edit" id="' + id + '"> <td></td><div class="checkbox"> <label><input type="checkbox" name="checkbutton">checkbox</label></div><td>' + name + '</td></tr>');
    //append row
    $table_body.append($table_row);
    $('#avatartable').show();
  }

使用该代码，我遇到了这个错误：未捕获的 ReferenceError: $ is not defined

我很确定需要美元符号，但我不知道我现在能做什么。

【问题讨论】：

将 jQuery 链接到文档。也许一文不值，但是 JS 变量名通常不是以 $ 开头，而是使用骆驼大小写而不是 _ s，目前您的代码看起来更像是无效的 PHP。您的代码的未来开发人员会因为这样的约定而讨厌他们的工作......

标签： javascript html-table

【解决方案1】：

据我所知，你不能在一个函数中同时结合 PHP 和 JavaScript（除了用 echo 或类似的东西编写 js 代码）！ -php是一种后端语言（在服务器中执行） -JS 是一种前端语言（在浏览器中执行）

如果您只想将数据库中的数据显示到 HTML 表中，只需在 tbody 中放置一个 php 脚本，循环遍历您的数组并回显行像

foreach($array as $value)
    echo '<tr><td>'.$value.'</td><td>...</td></tr>';

【讨论】：

【解决方案2】：

在您的 html 中包含 jQuery 脚本。

在你的 html 文件中插入这一行

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

【讨论】：

我已经包含了 JQuery，但它似乎仍然不起作用。
确保此链接位于您的 javascript 文件之前（在上面的行中）。还要确保将整个 jQuery 代码包装在 $( document ).ready(function() { });