DataTable在单击按钮时获取数据

Question

我在我的应用程序中使用jQuery DataTables插件进行服务器端处理。到目前为止，当文档准备就绪时，表已经初始化并加载了数据。代码如下：

jQuery(document).ready(function() {
    var table = DataTables.create("#projectTable", parameters, {
                    ajax: {
                        url: 'project/search.do',
                        data: function(d) {
                                d.numberOfColumns = 6
                                d.submittedOnStart = jQuery("#date1").val(),
                                d.submittedOnEnd = jQuery("#date2").val()                           
                        },
                        dataSrc: "rows",
                        type: 'GET'
                    },
                    columns: getColumns(),
                    "columnDefs": getColumnDefs()
                });
});

这工作得很好。但是，我想以这样一种方式更改它，即在文档就绪时初始化表，但在单击按钮时加载数据。我查看了Load DataTable data through button Click，它在我的情况下不起作用。有没有办法做到这一点？

Answer 1

利用.url和.load，只需单击一下按钮，即可刷新表格。

jQuery(document).ready(function() {
  var table = DataTables.create("#projectTable", parameters, {
    ajax: {
      url: 'project/search.donot',
      data: function(d) {
        d.numberOfColumns = 6
        d.submittedOnStart = jQuery("#date1").val(),
          d.submittedOnEnd = jQuery("#date2").val()
      },
      dataSrc: "rows",
      type: 'GET'
    },
    columns: getColumns(),
    "columnDefs": getColumnDefs()
  });
  $('#thisbutton').click(function() {
    // you can reload your data here. You can call a different file if you need to change the data returned
    table.ajax.url( "project/search.do" ).load();
  });
});