Javascript Datatables:在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

我有一个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>

$(文档).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:谢谢你解决了我的问题。。帮了大忙