0

我有一个 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 调用时，我无法在其中添加/删除任何文本？

请让我知道如何克服相同的问题？

4

0 回答 0