我使用JQuery DataTable。我在ajax成功后通过json文件将数据发送到datatable onclick。第一次点击一切正常,但是下一次点击我只得到正确的数据,而dataTables_info的值是错误的,它总是显示dataTables_info的第一个值,而pagination和row也是从第一个结果中显示的。这是datatable中数据的第一次显示:
谢谢。
所有下一次点击我只得到正确的数据:
例如,在下面的图片中只有一个结果,但是其他所有内容(info,show,pagination)都属于第一次搜索的结果,如下图所示:
在第二个例子中,当我点击分页的任何一页时,我得到的是第一页结果的内容!! 这是我的ONclick函数:
$ ( '#ButtonPostJson' ).on('click',function() {
$("tbody").empty();
var forsearch = $("#searchItem").val();
$.ajax({
processing: true,
serverSide: true,
type: 'post',
url: 'searchData.json',
dataType: "json",
data: mysearch,
/* bRetrieve : true,*/
success: function(data) {
$.each(data, function(i, data) {
var body = "<tr>";
body += "<td>" + data.name + "</td>";
..........................
..........................
body += "</tr>";
$('.datatable-ajax-source table').append(body);
})
;
/*DataTables instantiation.*/
$('.datatable-ajax-source table').dataTable();
},
error: function() {
alert('Processus Echoué!');
},
afterSend: function(){
$('.datatable-ajax-source table').dataTable().reload();
/* $('.datatable-ajax-source table').dataTable({bRetrieve : true}).fnDestroy();
$(this).parents().remove();
$('.datatable-ajax-source table').dataTable().clear();*/
}
});
});
我尝试了所有的方法,但还是不知道该如何解决。 我使用了这个jQuery插件来处理数据表格:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
谢谢。