背景需求
在前端动态设置datatables需要传递到后端的查询参数,异步加载返回的数据。点击这里进入datatables中文网异步加载数据说明
直接上代码
var table;
var url = "/Home/index";
table = $('#example').DataTable({ajax: {url: url,type: "Get",dataType: "json",data:{ },dataSrc: function (json) { return json;},error: function () {alert("服务器未正常响应,请重试");},},dom: 'Bfrtip',columns: [{ title: "Name", data: "Name"},{ title: "Position", data: "Position"},{ title: "Office", data: "Office"},{ title: "Age", data: "Age"},{ title: "Salary", data: "Salary"},{ title: "Level", data: "Level"},{ title: "Date", data: "Date"}],
});$("#Button").click(function () { //点击按钮触发url = "/Home/GetData"; //可以重新设置urlvar param = { //设置参数"name":"zhous","work": "teacher",};table.settings()[0].ajax.data = param;//绑定参数table.ajax.url(url).load(); //重新加载数据
});