Bir Javascript döngüsünde iken güncellenecek bir tarayıcı penceresi almak mümkün mü?

Question

Şu anda senkronize olması gereken bir Ajax çağrım var. Ancak, bu Ajax çağrısı yürütülürken, arama geri dönene kadar tarayıcı arabirimi donar. Zaman aşımı durumunda, bu tarayıcı bir significant period of time için donabilir.

Kullanıcı arayüzünü yenilemek için tarayıcıya (herhangi bir tarayıcıya) sahip olmanın, herhangi bir Javascript'i çalıştırmanın bir yolu var mı? İdeal olarak, kullanıcı arayüzünün yenilemesine izin veren window.update() gibi bir komut olurdu. Bu mümkün olurdu

, o zaman ben böyle bir şeyle senkron AJAX çağrısı yerini alabilir:

obj = do_async_ajax_call(); 
while (!obj.hasReturned()) { 
    window.update(); 
} 
// synchronous call can resume 

Ben setTimeout kullanın veya geri aramasında bir işlevi devam ettiremezsiniz nedeni olduğunu (hepsi birbirine bağlıdır çok fazla devlet değişken vardır ve long_function() akış aksi şekilde devam ettirilmesi olurdu): yürütme akışı kesintiye edilemez

function long_function() { 
    // lots of code, reads/writes variable 'a', 'b', ... 
    if (sync_call_is_true()) { 
    // lots of code, reads/writes variable 'a', 'b', ... 
    } else { 
    // lots of code, reads/writes variable 'a', 'b', ... 
    } 
    // lots of code, reads/writes variable 'a', 'b', ... 
    return calculated_value; 
} 

Answer 1

yapmak geri arama çoğaltılabilir Eşzamansız istek ve geri arama kullanın. Basitleştirilmiş bir örnek olacaktır:

obj = do_async_ajax_call(function (data, success) 
{ 
    if (success) 
    { 
     // continue... 
    } 
}); 

function do_async_ajax_call(callback) 
{ 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", "http://mysite.com", true); 
    xhr.onreadystatechange = function() 
    { 
     if (xhr.readyState == 4 && xhr.status == 200) 
      callback(xhr.responseXML, true); 
     else if (xhr.readyState == 4) 
      callback(null, false); 
    } 
    xhr.send(); 
} 

Eğer ajax talep eden işleve parametre olarak bir anonim işlev geçiyoruz Bu şekilde. Ajax tamamlandığında, geçirilen işlev ona verilen responseXML ile çağrılır. Bu arada, tarayıcı, arama tamamlanana kadar olağan bir şey yapmakta özgürdü. Buradan, kodunuzun geri kalanı devam ediyor.

Answer 2

aramanın dinlen ve koyun geri aramada sonuç geri geldiğinde çağrılır. Bunu yapmanın tamamen imkansız olduğundan şüphe ediyorum. Eğer çağrı koymak gerekir Herhangi mantık

Answer 3

asenkron ajax setTimeout sonra alıp Bir ile Senkronize isteği değiştirmeniz gerekiyor (callback'inde tetiklediği) parçalar halinde işleme çalışmalarını

Answer 4

Tek j iğne JavaScript mevcut. Bu nedenle, bir gelgit döngüsündeyken UI'yi güncelleyemezsiniz. Ancak, Firefox 3.5'dan başlayarak, web çalışanı olarak adlandırılan çok iş parçacıklı JavaScripts için ek destek var. Web çalışanları sayfanın kullanıcı arayüzünü etkileyemez, ancak kullanıcı arayüzünün güncellemelerini de engellemezler. İşçiler de Chrome ve Safari tarafından destekleniyor.
Sorun şu ki, AJAX aramanızı arka plan iş parçacığına taşıdığınızda ve yürütme işleminin tamamlanmasını bekleseniz bile, kullanıcılar düğmelere basabilir ve kullanıcı arabiriminizdeki değerleri değiştirebilir (ve anladığım kadarıyla, bu sizin kaçınmaya çalışmak). Kullanıcıların herhangi bir değişikliğe yol açmasını önlemek için önerebileceğim tek şey, tüm kullanıcı arayüzünü engelleyecek ve web çağrısı geri gelene kadar sayfa ile etkileşime izin vermeyecek bir çeviricidir.