php - 将 DataTables 与 Bootstrap 主题一起使用，jQuery $.get 函数

Question

我想使用带有 Bootstrap 主题的 DataTable 来显示我的表结果(PHP 和 SQLSRV)，它将使用 jquery $.get 函数加载到 div 中。

我尝试了下面的代码，但没有成功。下面是我的 jquery 代码，如果您能在这里为我提供一些解决方案，我们将不胜感激。

标题顺序上的 CSS:

1. Bootstrap
2. 数据表 Bootstrap
3. 非常棒
4. 日期选择器
5. 风格

页脚订单上的 JS

1. jquery
2. Bootstrap
3. jquery.datatables
4. dataTables.bootstrap
5. 日期选择器3

6. 自定义

   $(document).ready(function () {
   $("#getData").on('click', function () {
       var report = $(this).val();
       if (report == 'tput') {
           var tputpage = 'reports/dtput.php', dstrt = $('#from_date').val(), dend = $('#to_date').val();
           $.get(tputpage, {
               dstrt:dstrt, dend:dend
           }, function (data) {
               $('.target').html(data,function(){
                   $('table').dataTable();
               });
           });
       } });
   

Answer 1

html() 方法仅接受一个参数。它可以是 dom 对象、字符串、jQuery 对象或函数。

您不需要函数来实现您的目的，因为您想传递从 ajax 请求收到的 html

尝试这样做

$('.target').html(data);
$('table').dataTable();

<强> html() API docs