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

我想通过单击按钮填充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
            });
}