我有一个JS代码,它定期对后端进行AJAX调用以获取数据:
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {
var oTable = $('#example').dataTable({"bDestroy" : true, "bUseRendered": false, "bSort" : false, "bPaginate" : true, "bDeferRender": true});
(function worker() {
$.ajax( {
"dataType": 'json',
"type": "GET",
"url": "/service/?data=" + QueryString.data,
"async":false,
"success": function (data)
{
$('#example').dataTable().fnClearTable();
for(var i = 0; i < data.aaData.length; i++) {
$('#example').dataTable().fnAddData([
data.aaData[i][0],
data.aaData[i][1],
data.aaData[i][2],
data.aaData[i][3],
data.aaData[i][4],
data.aaData[i][5],
data.aaData[i][6]
]);
}
},
complete: function() {
oTable.fnDraw(false);
setTimeout(worker, 5000);
}
});
})();
} );
</script>
问题在于,只要定期发出AJAX请求,数据表中的“搜索:”选项就变得不可编辑 - 尽管在完成AJAX调用后搜索文本框会启用。因此,当我尝试输入数据表集的搜索文本时,如果加载了一个AJAX调用,那么我无法在那里添加/删除任何文本?
请告诉我如何克服同样的问题?