Jquery 1.10.12中的datatable ajax加载对象不工作
下面是我的代码。我无法在ajax调用中搜索datatable数据。返回ajax调用数据后,如调试器中所示。我的datatable版本是1.1.0.12和jquery-1.12.3.min.js {数据:[{工作站编号:1123,状态:“可用”,工作站类型:“系统”,员工姓名:“约翰”},…] 0:{工作站编号:1123,状态:“可用”,工作站类型:“系统”,员工姓名:“John”} 1:{工作站编号:1126,状态:“可用”,工作站类型:“人力资源”,员工姓名:“安娜”} 但默认搜索不起作用。感谢您的帮助Jquery 1.10.12中的datatable ajax加载对象不工作,jquery,datatables,Jquery,Datatables,下面是我的代码。我无法在ajax调用中搜索datatable数据。返回ajax调用数据后,如调试器中所示。我的datatable版本是1.1.0.12和jquery-1.12.3.min.js {数据:[{工作站编号:1123,状态:“可用”,工作站类型:“系统”,员工姓名:“约翰”},…] 0:{工作站编号:1123,状态:“可用”,工作站类型:“系统”,员工姓名:“John”} 1:{工作站编号:1126,状态:“可用”,工作站类型:“人力资源”,员工姓名:“安娜”} 但默认搜索不起作用。感
var table = $('#workstationTable').DataTable({
"serverSide": true,
dom: "Blfrtip",
"aoColumns": [
{sWidth: '35%',mData: 'employee_Name',name:"Employee Name" },
{sWidth: '20%',mData: 'workstation_no',name:"Workstation No."},
{sWidth: '35%',mData: 'workstation_type',name:"Workstation Type"},
{sWidth: '10%',mData: 'status',name:"Status"}, ],
'columnDefs': [
{"defaultContent": "-",'className': 'dt-center','orderable': true },
{"defaultContent": "-",'className': 'dt-center','orderable': true },
{"defaultContent": "-",'className': 'dt-center','orderable': true },
{"defaultContent": "-",'className': 'dt-center','orderable': true },
],
'buttons': [
{
extend: 'excelHtml5',
title: '<spring:message code="lebel.workstation_dtl" />'
}
],
"oLanguage": {
"sSearch": "Filter",
"sZeroRecords": "<p style='text-align:left'><spring:message code="lebel.no_data_found" /></p>",
"sEmptyTable": ""
},
"aLengthMenu": [[10, 25, 50, "-1"],[10, 25, 50, "All"]],
"scrollX" : "100%",
//"scrollY" : parseInt($('#inner-fixed-pane').offset().top-($('#collapseId').offset().top+$('#collapseId').outerHeight())-155)+"px",
"scrollY" : parseInt($('#inner-fixed-pane').offset().top-155)+"px",
"pagingType": "full_numbers",
"iDisplayLength": -1,
ajax: {
type:"POST",
url : "getAllWorkstationList?status="+status1+"&office="+office1+"&branch="+branch1,
contentType: "application/json; charset=utf-8",
dataType: "json",
dataSrc: function(res){
var count = res.data.length;
alert(count);
return res.data;
}
}
});
var table=$('#workstationTable')。数据表({
“服务器端”:正确,
dom:“Blfrtip”,
“aoColumns”:[
{sWidth:'35%',mData:'employee_Name',Name:'employee Name'},
{sWidth:'20%',mData:'workstation_no',name:'workstation no.'},
{sWidth:'35%',mData:'workstation_type',name:'workstation type'},
{sWidth:'10%',mData:'status',name:'status'},],
“columnDefs”:[
{“defaultContent:”,'className':'dt center','orderable':true},
{“defaultContent:”,'className':'dt center','orderable':true},
{“defaultContent:”,'className':'dt center','orderable':true},
{“defaultContent:”,'className':'dt center','orderable':true},
],
“按钮”:[
{
扩展:“excelHtml5”,
标题:“”
}
],
“语言”:{
“sSearch”:“Filter”,
“sZeroRecords”:“”,
“符号表”:”
},
“阿伦提努”:[[10,25,50,”-1“],[10,25,50,”-All“],
“scrollX”:“100%”,
//“滚动”:parseInt($('#内部固定窗格').offset().top-($('#collapseId').offset().top++$('#collapseId').outerHeight())-155)+“px”,
“scrollY”:parseInt($(“#内部固定窗格”).offset().top-155)+“px”,
“pagingType”:“完整编号”,
“iDisplayLength”:-1,
阿贾克斯:{
类型:“POST”,
url:“getAllWorkstationList?status=“+status1+”&office=“+office1+”&branch=“+branch1,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
dataSrc:函数(res){
var count=res.data.length;
警报(计数);
返回res.data;
}
}
});
您确定您的getAllWorkstationList
方法正在等待POST请求吗?因为您通过URL发送数据(status1、office1和branch1),因为它是GET请求。