ajax – 通过按钮Click加载DataTable数据

发布时间：2020-12-16 02:50:21 所属栏目：百科来源：网络整理

导读：我想通过单击按钮填充DataTable.最初dataTable应为空： var searchText = $("#textBox").val(); Table = $("#customerTable").dataTable({ data:[],"columns": [ {"data": "Id" },{ "data": "Name" },{ "data": "City" },{ "data": "Country" } ] //"serverS

我想通过单击按钮填充DataTable.最初dataTable应为空：

var searchText = $("#textBox").val();

    Table = $("#customerTable").dataTable({
        data:[],"columns": [
                    {"data": "Id"   },{ "data": "Name" },{ "data": "City" },{ "data": "Country" }
        ]        
        //"serverSide": true
    });

并点击按钮：

$("#SearchButton").on("click",function (event) {

$.ajax({
            url: "/LoadCustomers",type: "post"
        });
Table.rows.add(result).draw();
});

解决方法

解决了！！！

我的表看起来像这样：

Table = $("#customerTable").DataTable({
    data:[],columns: [
                { "data": "CompanyId"  },{ "data": "CompanyName" },{ "data": "Country" }
    ],rowCallback: function (row,data) {},filter: false,info: false,ordering: false,processing: true,retrieve: true        
});

Button Click handler：

$("#customerSearchButton").on("click",function (event) {
   $.ajax({
            url: "",type: "post",data: { searchText: searchText }
        }).done(function (result) {
            Table.clear().draw();
            Table.rows.add(result).draw();
            }).fail(function (jqXHR,textStatus,errorThrown) { 
                  // needs to implement if it fails
            });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!