keyup 事件，每輸入一個字就請求一次...

Question

$("#search").on('keyup',function (e) {

  e.preventDefault();

  if($(this).val().length > 0){

    $.ajax({

      type: "GET",

      url: "search",

      data: 'search='+$('#searchbar').val(),

      success: function(data){

      

          $('#search-result-display').html(data);

      }

    });

  }

});

我現在遇到一個問題
雖然我有加入 if($(this).val().length > 0){ 
但是假設有五個字
他會發出請求五次。。。
等於是我會看到 search-result-display 這邊會動五次。。。
請問有什麼方式可以改善這個情形嗎？

Answer 1

作者可以去了解下，防抖，和节流这两个概念！