javascript - jquery中的数据表

Question

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

为此，我正在使用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 调用中调用。

Answer 1

或者，您可以通过参数将 DataTables 连接到 ajax 数据源sAjaxSource。您需要修改服务器端脚本以返回正确的响应。请参阅DataTables 文档中的ajax 数组和ajax 对象示例。

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