Jquery實現頁面input改變自動查詢

      作爲一名java開發者，這些年寫的最多的可能也就是增刪改查了。在管轄類系統中存在大量的查詢頁面，用戶輸入給中查詢條件，來獲取自己想要的數據記錄。

     如何在用戶輸入時能夠自動根據用戶輸入數據自動查詢，避免用戶過多操作，提升系統的友好性。在使用Jquery時，通過綁定input的propertychange事件可以簡單的實現，例如$('input[type="text"]').bind("input propertychange",search)，當輸入框信息改變時會自動調用我們提前準備好的查詢方法。

    以上方法確實沒有什麼問題，但是存在另外一個問題就是用戶在輸入時會不斷觸發該事件，這樣就會不停的查詢數據，這樣就產生了大量的無效查詢，我們應該減少用戶輸入過程中的無效查詢次數，當用戶輸入時應延遲查詢當在該延遲範圍內用戶再次輸入時，增加延遲時間。例如

function bindSearch(search){
    var timeHandle = null;
    function autoSearch(){
        if(timeHandle != null){
            clearTimeout(timeHandle);
            timeHandle = setTimeout(search, 500);
        }
    }

    $('input').bind('input propertychange', autoSearch);
}