Ajax 通过单击按钮加载数据表数据
我想通过点击按钮来填充DataTable。最初,dataTable应为空:Ajax 通过单击按钮加载数据表数据,ajax,datatable,populate,Ajax,Datatable,Populate,我想通过点击按钮来填充DataTable。最初,dataTable应为空: var searchText = $("#textBox").val(); Table = $("#customerTable").dataTable({ data:[], "columns": [ {"data": "Id" }, { "data": "Name" },
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": "City" },
{ "data": "Country" }
],
rowCallback: function (row, data) {},
filter: false,
info: false,
ordering: false,
processing: true,
retrieve: true
});
按钮单击处理程序:
$("#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
});
}
表未定义,显示在Ajax下response@CyberAbhay在javascript代码var表顶部定义;