背景需求

在前端動態設置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(); //重新加載數據 });

?

總結

以上是生活随笔為你收集整理的JQuery Datatables 动态配置参数异步加载数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。