javascript - 如何使用 PHP 返回的数据构建 HTML 表格？

Question

我有一个 php 文件，它正在接触 mongo 数据库并构建一堆表标签。当我用 php 代码替换下面的脚本标记代码时，它工作正常并构建了表格。

当我尝试从被调用的页面获取 php 结果时，我设法将表格文本放入数据变量中...如果我警告它，我会看到从我的 .php 页面生成的所有表格标签和数据。 ..但我不确定如何在 th 标签之后将该代码内联嵌入 HTML 中...如果我在脚本中执行 document.write(data) ，它似乎会仅使用以下数据覆盖整个页面:是从 .php 页面生成的...它不会将其附加在第行之后。预先感谢您的任何建议。

            <table class="table table-striped table-hover">

                 <tr>
                    <th>Agency</th>
                    <th>POC</th> 
                    <th>POC Phone</th>
                    <th>Address</th>
                 </tr>          

                 <script>
                    var data_from_ajax;
                    $.get('build-agency-table.php', function(data) {
                      data_from_ajax = data;
                      alert(data);
                    });
                </script>

            </table>

这是由 php 脚本返回的

<tr><td>BACODA</td><td>Kristi Smith</td><td>211.444.2222</td>

Answer 1

我认为脚本标签属于表格之外。 使用 tbody thead 将帮助您区分静态(标题)和动态(来自 ajax)内容。

 <table>
        <thead>
        <tr>
            <th>Agency</th>
            <th>POC</th> 
            <th>POC Phone</th>
            <th>Address</th>
        </tr> 
        </thead>
        <tbody id="to_fill">

        </tbody>
 </table>


<script>
       var data_from_ajax;
       $.get('build-agency-table.php', function(data) {
         data_from_ajax = data;
         $("#to_fill").html(data_from_ajax);
       });
</script>