Javascript Datatable未对数据进行排序和分页
我使用的是jQuery DataTables 1.10。下面的JavaScript代码使用JSON获取datatable的数据。数据已成功返回,但分页不起作用。获取JSON数据后查看页面源代码时的显示长度和排序也不显示HTML源代码中的数据Javascript Datatable未对数据进行排序和分页,javascript,jquery,json,jsp,datatables,Javascript,Jquery,Json,Jsp,Datatables,我使用的是jQuery DataTables 1.10。下面的JavaScript代码使用JSON获取datatable的数据。数据已成功返回,但分页不起作用。获取JSON数据后查看页面源代码时的显示长度和排序也不显示HTML源代码中的数据 $(document).ready(function() { $('#phone').dataTable({ "processing": true, "serverSide": true, "ajax"
$(document).ready(function() {
$('#phone').dataTable({
"processing": true,
"serverSide": true,
"ajax": 'getphones.jsp',
"servermethod": "GET",
"jQueryUI": true,
"stateSave": true,
"displayLength": 10,
"lengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "όλα" ] ],
"paginationType": "full_numbers",
"language": {
"emptyTable": "Δεν βρέθηκαν δεδομένα",
"thousands": ".",
"lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
"zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
"info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
"infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
"infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
"search": "Αναζήτηση:",
"paginate": {
"first": "Αρχή",
"previous": "Προηγούμενη",
"next": "Επόμενη",
"last": "Τέλος"
}
}
});
});
ΟΕΛ
Αριθμός
Πρόγραμμα
Αρθμόςsim
Πληροφορίες
Σχόλια
示例json数据:
{
"draw": 1,
"recordsTotal": 767,
"recordsFiltered": 767,
"data": [
[
"1327 - ΚΑΝΤΑΣ ΘΕΟΔΩΡΟΣ",
"6973348274",
"",
"Ανενεργό",
"",
""
]
]
}
解决方案 脚本
getphones.jsp
应该返回draw
参数,该参数的值与请求中的draw
参数的值相同
从:
draw
此对象响应的绘图计数器-来自作为数据请求一部分发送的draw
参数
注释
虽然这是不相关的,但初始化代码中有一些不正确的选项名称。更正代码如下所示:
$('#phone').dataTable({
"processing": true,
"serverSide": true,
"ajax": 'getphones.jsp',
"jQueryUI": true,
"stateSave": true,
"displayLength": 10,
"lengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "όλα" ] ],
"pagingType": "full_numbers",
"language": {
"emptyTable": "Δεν βρέθηκαν δεδομένα",
"thousands": ".",
"lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
"zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
"info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
"infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
"infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
"search": "Αναζήτηση:",
"paginate": {
"first": "Αρχή",
"previous": "Προηγούμενη",
"next": "Επόμενη",
"last": "Τέλος"
}
}
});
解决方案 脚本
getphones.jsp
应该返回draw
参数,该参数的值与请求中的draw
参数的值相同
从:
draw
此对象响应的绘图计数器-来自作为数据请求一部分发送的draw
参数
注释
虽然这是不相关的,但初始化代码中有一些不正确的选项名称。更正代码如下所示:
$('#phone').dataTable({
"processing": true,
"serverSide": true,
"ajax": 'getphones.jsp',
"jQueryUI": true,
"stateSave": true,
"displayLength": 10,
"lengthMenu": [ [ 10, 25, 50, 100, -1 ], [ 10, 25, 50, 100, "όλα" ] ],
"pagingType": "full_numbers",
"language": {
"emptyTable": "Δεν βρέθηκαν δεδομένα",
"thousands": ".",
"lengthMenu": "Εμφάνιση _MENU_ εγγραφών ανά σελίδα",
"zeroRecords": "Δεν βρέθηκαν εγγραφές - ",
"info": "Εμφανίζονται οι εγγραφές _START_ έως _END_ από σύνολο _TOTAL_",
"infoEmpty": "Εμφανίζονται οι εγγραφές 0 έως 0 από σύνολο 0",
"infoFiltered": "(Εφαρμόστηκε φίλτρο σε σύνολο _MAX_ εγγραφών)",
"search": "Αναζήτηση:",
"paginate": {
"first": "Αρχή",
"previous": "Προηγούμενη",
"next": "Επόμενη",
"last": "Τέλος"
}
}
});
你能用JSON格式发布你的数据样本吗?我已经在主消息中添加了感谢发布JSON。您使用的是DataTables 1.10还是DataTables 1.9?我使用的是DataTables 1.10。您可以用JSON格式发布您的数据样本吗?我已经在主消息中添加了感谢发布JSON。您使用的是DataTables 1.10还是1.9?我使用的是DataTables 1.10抱歉,我不明白如何使用draw,在哪里请求'draw'参数?@Giorgos,当您使用服务器端处理时,请求将包含参数
draw
,其值将随每个请求而递增。您需要在draw
参数中的响应中返回相同的值。服务器端处理在getphones.jsp中变为,请求在前面的javascript“ajax”中变为“getphones.jsp”。对不起,我是json datatables的新手,你能给我举个例子吗?对不起,我不明白如何使用draw,在哪里请求'draw'参数?@Giorgos,当你使用服务器端处理时,请求将包含参数draw
,其值将随每个请求而递增。您需要在draw
参数中的响应中返回相同的值。服务器端处理在getphones.jsp中变为,请求在前面的javascript“ajax”中变为“getphones.jsp”。对不起,我是json数据表新手,你能给我举个例子吗?