Php Datatable在ajax调用中不起作用_Php_Jquery_Ajax_Datatable_Datatables

Php Datatable在ajax调用中不起作用

php jquery ajax datatables

Php Datatable在ajax调用中不起作用,php,jquery,ajax,datatable,datatables,Php,Jquery,Ajax,Datatable,Datatables,我在web应用程序中使用Datatable。下面是我使用ajax获取数据的简单代码 <script> $(document).ready(function() { $('#mytable').DataTable(); } ); </script> <body> <h2>AJAX SELECT</h2><hr> <div align="center"> Selec

我在web应用程序中使用Datatable。下面是我使用ajax获取数据的简单代码

<script>
    $(document).ready(function() {
        $('#mytable').DataTable();
    } );
</script>

<body>
  <h2>AJAX SELECT</h2><hr>
  <div align="center">
    Select Team :
    <select name="select" id ='teamSelect'>
        <option value="">Select Value</option>
        <option value="op2">Company 1</option>
    </select>
  </div>
  <div id='tableContainer' align="center"></div>

 <script>
    $(function() {
        $("#teamSelect").bind("change", function() {
            $.ajax({
                type: "GET", 
                url: "getData.php",
                "dataSrc": "tableData",
                success: function(html) {
                    $("#tableContainer").html(html);
                }
            });
        });

    });
</script>


$（文档）.ready（函数（）{
$（'#mytable'）.DataTable（）；
} );
AJAX选择
选择团队：
选择值
第一公司
$（函数（）{
$（“#teamSelect”）.bind（“change”，function（）{
$.ajax({
键入：“获取”，
url:“getData.php”，
“dataSrc”：“tableData”，
成功：函数（html）{
$（“#tableContainer”）.html（html）；
}
});
});
});

和Getdata.php代码

<table id="mytable" class="display" cellspacing="0" width="50%">
    <thead>
    <tr>
        <th>First name</th>
        <th>Last Name</th>
        <th>Email</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Airi Satou</td>
        <td>Accountant</td>
        <td>Tokyo</td>
    </tr>
    <tr>
        <td>Brielle Williamson</td>
        <td>Integration Specialist</td>
        <td>New York</td>
    </tr>
    <tr>
        <td>Herrod Chandler</td>
        <td>Sales Assistant</td>
        <td>San Francisco</td>
    </tr>
    <tr>
        <td>Rhona Davidson</td>
        <td>Integration Specialist</td>
        <td>Tokyo</td>
    </tr>
</tbody>


名字
姓
电子邮件
佐藤航空
会计
东京
布里尔·威廉姆森
集成专家
纽约
赫罗德·钱德勒
营业员
旧金山
罗娜·戴维森
集成专家
东京

我将Jquery、DataTableCSS和js都链接起来，但它仍然会以普通HTML表的形式返回输出。未发现控制台错误。我需要数据表中的数据。那我怎么才能得到呢

我还在index.php页面中测试了datatable。它工作得很好。

放

<script>
$(document).ready(function() {
    $('#mytable').DataTable();
} );
</script>


$（文档）.ready（函数（）{
$（'#mytable'）.DataTable（）；
} );

在Getdata.php文件的底部还链接到datatable css和js

或者使用ajaxComplete函数（）调用datatable，在添加表之前初始化datatable。您需要在ajax中初始化它

删除以下脚本

<script>
    $(document).ready(function() {
        $('#mytable').DataTable();
    } );
</script>


$（文档）.ready（函数（）{
$（'#mytable'）.DataTable（）；
} );

更新ajax，如下所示：

<script>
    $(function() {
        $("#teamSelect").bind("change", function() {
            $.ajax({
                type: "GET", 
                url: "getData.php",
                "dataSrc": "tableData",
                success: function(html) {
                    $("#tableContainer").html(html);
                    $('#mytable').DataTable({ 
                      "destroy": true, //use for reinitialize datatable
                   });
                }
            });
        });

    });
</script>


$（函数（）{
$（“#teamSelect”）.bind（“change”，function（）{
$.ajax({
键入：“获取”，
url:“getData.php”，
“dataSrc”：“tableData”，
成功：函数（html）{
$（“#tableContainer”）.html（html）；
$（'#mytable'）。数据表（{
“destroy”：true，//用于重新初始化数据表
});
}
});
});
});

工作正常。但您在$（“#mytable”）.DataTable中添加了额外的括号(({