jQuery引导数据表搜索和排序不';行不通
我让这个代码部分工作。ajax代码能够从服务器获取json数据。但是搜索功能和排序功能不起作用。这是我的js代码。请帮忙jQuery引导数据表搜索和排序不';行不通,jquery,ajax,twitter-bootstrap,datatables,Jquery,Ajax,Twitter Bootstrap,Datatables,我让这个代码部分工作。ajax代码能够从服务器获取json数据。但是搜索功能和排序功能不起作用。这是我的js代码。请帮忙 $(document).ready(function(){ $('.dataTables-example').DataTable({ pageLength: 25, responsive: true, dom: '<"html5buttons"B>lTfgitp',
$(document).ready(function(){
$('.dataTables-example').DataTable({
pageLength: 25,
responsive: true,
dom: '<"html5buttons"B>lTfgitp',
"processing": true,
"serverSide": true,
"ajax" : "getData3.php",
"columns" : [
{ "data" : "id"},
{ "data" : "sales_license"},
{ "data" : "first_name" },
{ "data" : "last_name" },
{ "data" : "email"}
],
buttons: [
//{extend: 'copy'},
//{extend: 'csv'},
//{extend: 'excel', title: 'ExampleFile'},
//{extend: 'pdf', title: 'ExampleFile'},
{extend: 'print',
customize: function (win){
$(win.document.body).addClass('white-bg');
$(win.document.body).css('font-size', '10px');
$(win.document.body).find('table')
.addClass('compact')
.css('font-size', 'inherit');
}
}
]
});
});
$(文档).ready(函数(){
$('.dataTables示例').DataTable({
页长:25,
回答:是的,
dom:“lTfgitp”,
“处理”:对,
“服务器端”:正确,
“ajax”:“getData3.php”,
“栏目”:[
{“数据”:“id”},
{“数据”:“销售许可证”},
{“数据”:“名字”},
{“数据”:“姓氏”},
{“数据”:“电子邮件”}
],
按钮:[
//{extend:'copy'},
//{extend:'csv'},
//{扩展:“excel”,标题:“ExampleFile”},
//{extend:'pdf',title:'ExampleFile'},
{扩展:'打印',
自定义:功能(win){
$(win.document.body).addClass('white-bg');
$(win.document.body).css('font-size','10px');
$(win.document.body).find('表')
.addClass('compact')
.css('font-size','inherit');
}
}
]
});
});
我发现了问题。我需要把下面几行注释掉
//"processing": true,
//"serverSide": true,
现在代码工作了。原因是搜索和排序是在客户端而不是服务器端完成的。您可能在控制台中出现了大的红色错误。查看这些。对不起,控制台中的红色大错误是什么意思。请尝试按F12,查找“控制台”窗格,然后按F5。