Тайм-аут jQuery: e.nodeName не определено - PullRequest
Новая
       12

Тайм-аут jQuery: e.nodeName не определено

0 голосов
/ 14 октября 2011 
<script type="text/javascript">

 var delay = (function() {
     var timer = 0;
     return function(callback, ms) {
         clearTimeout(timer);
         timer = setTimeout(callback, ms);
     };
 })();

 $(function() {



     $('#activity').change(function() {
         $(this).val() == "SID" ? $('.SIDContainer').show() : $('.SIDContainer').hide();
     });

     $('.SID').keyup(function() {

     delay(function() {

         $.ajax({
             url: '../SentinelOperationsUI/GenericHandler.ashx',
             data: { 'SID': $(this).val() },
             dataType: 'json',
             success: function(data) {

                 if (data.SID != null) {
                     $('.SIDResult').text('Match: ' + ' SID: ' + data.SID);
                     console.log(data);
                 }
             }

         });

     }, 500);

     });



 });

Код работает без функции задержки. Но я хочу задержку здесь, потому что в противном случае несколько запросов ajax могут быть отправлены для одного и того же значения (если вы набираете достаточно быстро). Есть идеи, что может быть причиной этого? Какие-нибудь другие решения по этой проблеме возможно? Спасибо

1 Ответ

0 голосов
/ 14 октября 2011

Вместо того, чтобы использовать задержку, почему бы не назначить свой ajax-вызов переменной, а затем проверять его на null с каждым новым событием keyup.Что-то вроде: 

var ajaxcall;

$('.SID').keyup(function() {

    if ( ajaxcall != null ){
        ajaxcall.abort();
    }

    ajaxcall =  $.ajax({
         url: '../SentinelOperationsUI/GenericHandler.ashx',
         data: { 'SID': $(this).val() },
         dataType: 'json',
         success: function(data) {

             if (data.SID != null) {
                 $('.SIDResult').text('Match: ' + ' SID: ' + data.SID);
                 console.log(data);
             }
         }                       
    });
});

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

...