Javascript Datatables:在AJAX调用中,搜索文本区域变得不可编辑
我有一个JS代码,它定期对后端进行AJAX调用以获取数据:Javascript Datatables:在AJAX调用中,搜索文本区域变得不可编辑,javascript,jquery,jquery-datatables,Javascript,Jquery,Jquery Datatables,我有一个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
<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>
$(文档).ready(函数(){
变量oTable=$('#示例').dataTable({“bDestroy”:true,“bUseRendered”:false,“bSort”:false,“bPaginate”:true,“bDeferRender”:true});
(职能工作人员(){
$.ajax({
“数据类型”:“json”,
“类型”:“获取”,
“url”:“/service/?data=“+QueryString.data,
“异步”:false,
“成功”:功能(数据)
{
$(“#示例”).dataTable().fnClearTable();
对于(var i=0;i
问题在于,每当定期发出AJAX请求时,datatables中的“Search:”选项就变得不可编辑——尽管搜索文本框在AJAX调用完成后会被启用。所以,当我尝试输入加载的datatables集的搜索文本时,以及当进行AJAX调用时,我无法在其中添加/删除任何文本
请告诉我如何克服这个问题?为什么要将async设置为false?这就是为什么在ajax开发过程中您无法执行任何操作call@wirey:谢谢你解决了我的问题。。帮了大忙