使用新参数重新加载Ajax请求

Question

我通过AJAX请求从数据库中获取表数据。我需要更改AJAX请求中的数据参数并刷新表。

我正在用命令刷新表格

$('#table1').DataTable().ajax.reload();

我有以下代码

$('#table1').DataTable({

    /* SERVER SIDE PROCESSING */
                "serverSide": true,
                "ajax":
                    {
                        "url": "Home/Search",
                        "type": "POST",
    
                        "data": {
                            'searchType': GetSearchType(),
                            'searchText': GetSearchText()
                            //'searchType': $.mynamespace.searchType
                            //'searchText': $.mynamespace.searchText
                            //'searchType': localStorage.getItem("searchType"),
                            //'searchText': localStorage.getItem("searchText"),
                        }
                    }
            });

但是在AJAX重新加载之后，会向服务器发送原始请求，并忽略新的参数值。我试图通过函数、全局变量和浏览器存储将数据传递给请求，但这些方法都不起作用。在互联网上，我找到了解决问题的方法

aoData.push() 

功能，但我不知道如何使用它。

我的jQuery数据表版本是1.10.7。

我还尝试使用以下代码销毁和重新创建表：

$('#table1').DataTable({
        "ajax":
            {
                "url": "Home/Search",
                "type": "POST",

                "data": {
                    'searchType': GetSearchType(),
                    'searchText': GetSearchText()
                }
            },
        "destroy" : true
    }).ajax.reload();

但我收到了错误信息：

DataTables警告：表id=表1-Ajax错误(http://www.datatables.net/manual/tech-notes/7)

参数字典包含一个空条目，用于不可为空的类型System的参数'绘制'。国际

Answer 1

好的，我找到了解决方案，在重新初始化表的过程中，需要再次指定所有设置，否则它们将从默认设置中获取。最后的代码是

$('#table1').DataTable({
            "iDisplayStart": 0,
            "iDisplayLength": 50,
            "bPaginate": true,
            "bSort": false,
            "serverSide": true,
             /* and all others settings others than default */
        "ajax":
            {
                "url": "Home/Search",
                "type": "POST",

                "data": {
                    'searchType': GetSearchType(),
                    'searchText': GetSearchText()
                }
            },
        "destroy" : true  /* <---- this setting reinitialize the table */
    }).

但如果有人会找到更好的解决方案，请分享。

Answer 2

$('#table1').DataTable().ajax.url("?some_param=1&another=2").load();

这是另一种解决办法。将参数添加到默认的可数据参数中。

如何动态设置数据表的Ajax URL？

Answer 3

可以将函数用作ajax.data选项的值，如下所示。

这样，您的代码将在每次客户端向服务器发出请求时运行，而不是像初始代码那样运行一次。

$('#table1').DataTable({
   "serverSide": true,
   "ajax": {
      "url": "Home/Search",
      "type": "POST",
      "data": function(d){
         d.searchType = GetSearchType();
         d.searchText = GetSearchText();
      }
   }
});

然后使用$（#table1）。需要重新加载表或$（#table1）时，ajax.reload（）。ajax.reload（null， false）如果您不想重置当前页面。有关详细信息，请参阅ajax.reload（）。