Как мне отложить запрос AJAX?

Question

как этот код jquery, как мне отложить запрос ajax? ввод - текстовое поле ... над моей головой ... спасибо за помощь ...

var proname = "" ;
$("input[name='proname']").keyup(function(e){
    //how should i delay this function on here ?
    if (e.which == 13) return ;
    if ($(this).val() != proname)
    {
         proname = $(this).val() ;
    }
    else
    {
     return ;
    }
    $.ajax({
         type: "post",
         data: "proname="+proname+"&page=1",
         url: "/project/searchrate",
         success: function(view){
             alert(view) ;
         }
    }) ;
}) ;

Answer 1

Вы хотите использовать setTimeout.

Исходя из вашего использования, кажется хорошей идеей иметь тайм-аут, который очищается каждый раз, когда происходит другое событие keyup, чтобы избежать очереди.

var requestDelay;
var proname;

$('input[name=proname]').keyup(function() {

   if(e.which == 13 || $(this).val() == proname)
      return;

   proname = $(this).val();

   // postpone the submit another 300 ms upon every new character
   window.clearTimeout(requestDelay);  

   requestDelay = window.setTimeout(function() {
      $.ajax(...);
   }, 300);


});

Answer 2

Я вижу, вы выполняете какую-то функцию автоматического поиска / автозаполнения.

Рассматривали ли вы только использование автозаполнения пользовательского интерфейса jQuery? http://jqueryui.com/demos/autocomplete/#remote-jsonp

Что касается самого вопроса, то вам уже ответили.

Answer 3

 $("input[name='proname']").keyup(function(e){
        //how should i delay this function on here ?
        if (e.which == 13) return ;
    setTimeout(function() {
        if ($(this).val() != proname)
        {
             proname = $(this).val() ;
        }
        else
        {
         return ;
        }
        $.ajax({
             type: "post",
             data: "proname="+proname+"&page=1",
             url: "/project/searchrate",
             success: function(view){
                 alert(view) ;
             }
        }) ;

        }, 1000);    
}) ;

Answer 4

Использование setTimeout.

var proname = "" ;
$("input[name='proname']").keyup(function(e){
    if (e.which == 13) return;
    setTimeout(function() {
        if ($(this).val() != proname) {
            proname = $(this).val();
        } else {
            return;
        }
        $.ajax({
            type: "post",
            data: "proname="+proname+"&page=1",
            url: "/project/searchrate",
            success: function(view){
                alert(view) ;
            }
       });
    }, DELAY_IN_MSECS);
});