コールバックを使用せずにAjaxを完了した後に続行

Question

コールバックを使用せずにajaxコールが完了するまで、スクリプトの処理を延期しようとしています。このようなことをしようとするが、ロックする。どのようにロックせずにこれを行うのですか？

var loaded=false; 
$.get(url,function(d){loaded=true;}); 

while(!loaded) //<--locks here 
    setTimeout(void(0),100); 

//continue script after ajax call is complete 

Answer 1

お約束し​​ましたか？

var jqxhr = $.get(url, function() { 
    alert("success"); 
}) 
    .done(function() { 
    void(0); 
    }) 
    .fail(function() { 
    void(0); 
    }) 
    .always(function() { 
    alert("finished"); 
    }); 

Answer 2

あなたはjQueryを使って作業する場合、deferred objectsが移動するための方法です。この

var loaded=false; 
    $.ajax({ 

    url : 'your url', 
    type : 'GET', 
    async : false, // You need this 

    complete: function(data) {    
     loaded=true; 
    }, 


}); 

while(!loaded) //<--locks here 
setTimeout(void(0),100); 

Answer 3

をお試しください彼らは堅牢で簡単な方法論を実装しています。コールバックの目的は、ロックを避けるためです

var loaded = false; 

function myfunc() { 
    if (loaded) { 
     clearInterval(timeout); 
     doSomethingAfter(); 
    } 
} 

var timeout = setInterval(myfunc, 100); 
$.get(url,function(d){loaded=true;});