数据表不适用于ajax加载的表

Question

我在一个名为values.php的文件中有一个表，我通过ajax从index.php调用这个文件，在索引中我有数据表脚本，我在索引中编写的示例表可以工作，但是通过ajax加载的同一个表没有 39；不工作。有什么问题吗？

基本项目代码

function call_table() {

    var xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {

        if (this.readyState == 4 && this.status == 200) {

            document.getElementById("content").innerHTML = this.responseText;

        }

    };

    xhttp.open("GET", "values.php", true);

    xhttp.send();

}

call_table();

PHP 值.php

$data='

    <div class="table-responsive">

        <table id="sorting-table" class="table mb-0">

            <thead>

                <tr>

                    <th>Order ID</th>

                    <th>Customer Name</th>

                    <th>Country</th>

                    <th>Ship Date</th>

                    <th><span style="width:100px;">Status</span></th>

                    <th>Order Total</th>

                    <th>Actions</th>

                </tr>

            </thead>

            <tbody>

                <tr>

                    <td><span class="text-primary">054-01-FR</span></td>

                    <td>Lori Baker</td>

                    <td>US</td>

                    <td>10/21/2017</td>

                    <td><span style="width:100px;"><span class="badge-text badge-text-small info">Paid</span></span></td>

                    <td>$139.45</td>

                    <td class="td-actions">

                        <a href="#"><i class="la la-edit edit"></i></a>

                        <a href="#"><i class="la la-close delete"></i></a>

                    </td>

                </tr>

                <tr>

echo $data;

Answer 1

仅在渲染表格后将初始化代码放入ajax代码中function call_table() {&nbsp; &nbsp; var xhttp = new XMLHttpRequest();&nbsp; &nbsp; xhttp.onreadystatechange = function() {&nbsp; &nbsp; &nbsp; &nbsp; if (this.readyState == 4 && this.status == 200) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("content").innerHTML = this.responseText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#sorting-table').DataTable();&nbsp; &nbsp; &nbsp; &nbsp; //here&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };&nbsp; &nbsp; xhttp.open("GET", "values.php", true);&nbsp; &nbsp; xhttp.send();}call_table();