Datatables Ajax源数据
在使用DataTables插件时,可以通过Ajax来加载数据源。以下是一个简单的例子,展示了如何配置DataTable来通过Ajax从服务器获取数据:
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
<script>
$(document).ready(function() {
$('#example').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "your-data-source-url",
"type": "POST",
"dataType": "json"
// 可以在此处添加额外的参数,如下例所示:
// "data": function (d) {
// d.additionalParam = "yourValue";
// }
},
"columns": [
{ "data": "column1" },
{ "data": "column2" },
// ... 更多列
]
});
});
</script>
在这个例子中,your-data-source-url
是你的服务器端脚本的URL,它应该能够处理DataTables发送的Ajax请求并以正确的格式返回JSON数据。服务器返回的JSON数据应该包括draw
, recordsTotal
, recordsFiltered
, 和data
这几个关键字段,分别用于标记请求次数、总记录数和过滤后的记录数以及数据本身。
确保服务器端脚本遵循DataTables所需的JSON数据格式,以便DataTable能够正确显示数据。
评论已关闭