Javascript jquery中的数据表

我在一个项目中工作，我想在要显示的数据中添加网格类型的工具

为此，我使用了jquery的Datatable插件

它工作得很好很完美

我唯一担心的是，每当我试图从服务器（通过Ajax）获取更新后的表时，Datatable就会失去其功能。我的意思是，每当我从服务器加载新表时，它都会以正常模式显示

为此，我必须添加以下代码：

$.ajax({ 
    url: "<GIVE_ME_NEW_TABLE>",
    type: "POST",
    data: <THE_DATA_TO_BE_POSTED>,
    success: function(data){
        //data is fully prepared HTML string for representing the table
        $('#id_of_the_div_where_to_show_the_table').html(data);
        $('#id_of_the_table').dataTable({
           "bJQueryUI": true
        });
    },
    error : function(){
        //alert error
    }
});

$.ajax（{
url:“”，
类型：“POST”，
数据：，
成功：功能（数据）{
//数据是完全准备好的HTML字符串，用于表示表
$（“#id_of_div_where_to_show_the_table”）.html（数据）；
$（“#id_of_the_table”）.dataTable({
“bJQueryUI”：真的吗
});
},
错误：函数（）{
//警报错误
}
});

---

因此，在表被更新的每个Ajax调用中都会调用它。

或者，您可以通过

sAjaxSource

param将数据表连接到Ajax数据源。您需要修改服务器端脚本以返回正确的响应。请参阅和DataTables文档中的示例

$(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "/yoursite/ajaxTableDataSource",
    } );
} );

---

或者，您可以通过

sAjaxSource

param将数据表连接到ajax数据源。您需要修改服务器端脚本以返回正确的响应。请参阅和DataTables文档中的示例

$(document).ready(function() {
    var oTable = $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "/yoursite/ajaxTableDataSource",
    } );
} );

---

不知道为什么这不起作用；填充一个新的完全格式化的表，然后对其调用

dataTable（）

。看来应该行得通。然而，这是次优的。您应该做的是使用DataTables的内置Ajax功能只获取数据；填充一个新的完全格式化的表，然后对其调用

dataTable（）

。看来应该行得通。然而，这是次优的。您应该做的是使用DataTables的内置Ajax功能只获取数据。