我正在使用jQuery DataTables 1.10。以下JavaScript代码使用JSON来获取数据表的数据。数据成功返回,但分页不起作用。显示长度和排序也在查看页面源后获取JSON数据不显示HTML源代码中的数据。
$(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": "Τέλος"
}
}
});
});
<table id="phone" class="display compact" cellspacing="0" width="100%">
<thead>
<tr>
<th>ΟΕΛ</th>
<th>Αριθμός</th>
<th>Πρόγραμμα</th>
<th>Αριθμός sim</th>
<th>Πληροφορίες</th>
<th>Σχόλια</th>
</tr>
</thead>
</table>
示例json数据:
{
"draw": 1,
"recordsTotal": 767,
"recordsFiltered": 767,
"data": [
[
"1327 - ΚΑΝΤΑΣ ΘΕΟΔΩΡΟΣ",
"6973348274",
"",
"Ανενεργό",
"",
""
]
]
}
答案 0 :(得分:0)
<强>解强>
您的脚本getphones.jsp
应返回draw
参数,并在请求中使用draw
参数的相同值。
来自manual:
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": "Τέλος"
}
}
});