"ajax olmayan" işlevinde yapılan jquery işlevini kullanın

Question

jquery done() "ajax olmayan" işlevler üzerinde kullanabilir miyim? Böyle bir şey yapmaya çalıştığımda Uncaught TypeError: Cannot call method 'done' of undefined hatasını aldım. Eğer işlevinden şey dönen değiliz yana

function countThreeSeconds() { 
    var counter = 0, 
    timer = setInterval(function() { 

     if (counter == 3) { 
      console.log("All done. That was three seconds."); 
      window.clearInterval(timer); 

     } else { 
      console.log("Not there yet. Counter at: " + counter); 
     } 
     counter++; 
    }, 1000); 

} 

(function(){ 
    var timer = countThreeSeconds().done(function(){ 
    alert("done"); 
    }); 

}()); 

Teşekkür

JSBIN

Answer 1

olmayan ajax fonksiyonu bir söz nesneyi döndürmek olun.

function countThreeSeconds() { 
    var counter = 0, 
    deferred = $.Deferred(), 
    timer = setInterval(function() { 

     if (counter == 3) { 
      console.log("All done. That was three seconds."); 
      window.clearInterval(timer); 
      deferred.resolve(); 

     } else {    
      console.log("Not there yet. Counter at: " + counter); 
      deferred.notify(counter); 
     } 
     counter++; 
    }, 1000); 
    return deferred.promise(); 

} 

(function(){ 
    var timer = countThreeSeconds().done(function(){ 
    alert("done"); 
    }).progress(function(i){ 
    console.log("in progress...",i); 
    }); 

}()); 

Answer 2

, bu tamamen geçerli JS davranış. done işlevini işlevde kullanabilmek için, jQuery.Deferred nesnesini buradan döndürün. Böyle

şey:

function countThreeSeconds() { 
    var defer = $.Deferred(function() { // do your stuff here }); 
    return defer.promise(); 
} 

Answer 3

Thomas, böyle bir şeyle, bir Deferred nesnesini (ve sözünü) sizin için gerçekten çalıştırabilirdiniz. Örneğin, countThreeSeconds()'u daha ham, daha genelleştirilmiş bir işlev haline getirebilir ve arama işlevinde gerçekleştirilen tüm ilerleme/tamamlanmış raporlamaları gerçekleştirebilirsiniz.

function countSeconds(n) { 
    var dfrd = $.Deferred(), 
     counter = 0, 
     timer = setInterval(function() { 
      counter++; 
      if (counter < n) { dfrd.notify(counter); } 
      else { dfrd.resolve(); } 
     }, 1000); 
    return { 
     promise: dfrd.promise(), 
     timer: timer 
    }; 
} 

(function() { 
    var timerObj = countSeconds(3); 
    timerObj.promise.progress(function(counter) { 
     console.log("Not there yet. Counter at: " + counter); 
    }).done(function() { 
     clearInterval(timerObj.timer); 
     console.log("All done. That was three seconds."); 
     alert("done"); 
    }); 
}()); 

Böylece başka fonksiyon farklı bir değerle countSeconds() diyebiliriz ve farklı ilerleme ve tamam durumlarla başa. Örneğin

:

(function() { 
    var timerObj = countSeconds(10); 
    timerObj.promise.progress(function(counter) { 
     $("#message").text("Counter = " + counter); 
    }).done(function() { 
     clearInterval(timerObj.timer); 
     $("#message").text('Complete'); 
    }); 
}());