使用带有Bootstrap主题的DataTables，jQuery $ .get函数

Question

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

我试过下面的代码，但它没有用。下面是我的jquery代码，如果你能在这里提供一些解决方案，我将不胜感激。

标题顺序上的CSS：

1. 自举
2. DataTables Bootstrap
3. Fontawesome
4. 日期选择器
5. 式

JS页脚顺序

1. jquery的
2. 自举
3. jquery.datatables
4. dataTables.bootstrap
5. datepicker3

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