JQuery Datatable请求两次问题处理

(一)

问题:点击一次搜索按钮,却发送了两次请求,一次是原条件的请求,一次是新的请求。新的请求将原条件请求覆盖,导致查询数据出错

 

解决:

 

if ($('#tree_table').hasClass('dataTable')) {
         var table = $('#tree_table').dataTable();
        // table.fnClearTable(); //清空一下table
         table.fnDestroy(); //还原初始化了的datatable
     }

table.fnClearTable()执行时,调用了一次fnDraw方法,该方法会调用Ajax请求,然后在DataTable的_fnInitialise方法中会再调用一次Ajax请求。因此可以将此方法注释;

(二)

问题:不使用Datatable的搜索框,自定义搜索框使用回车事件时,会触发两次请求,一次是原条件的请求,一次是新的请求。新的请求将原条件请求覆盖,导致查询数据出错;

解决:通过Google页面调试发现回车触发搜索事件能正常执行,但是会触发新的请求,尝试将回车事件注释,还是会出发新的请求;所以将回车触发事件之后,强制结束,问题解决;

 

$("#firstSearch").bind("keydown", function (e) {
    var theEvent = e || window.event;
    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
    if (code == 13) {
        listTabSearch();
        return false;//问题解决关键
    }
});

 

 

 

 

 

你可能感兴趣的:(错误解决方案,前端知识)