同期と非同期AJAXを同時に実行する

Question

私はAJAXを実行してURLデータを取得し、データからオブジェクトを作成し、それをグローバルオブジェクト変数に割り当てる必要があります。だから私は同期 ajax要求を実行する必要があることを知っています。 （右？）まあ、私はまたbeforeSend設定を利用してユーザーに読み込み画面を提供したいと思っています。 （私はおそらく、最初に尋ねるべきです、それを達成するための唯一の方法を送っていますか？）どうすれば、同期と非同期の利点を組み合わせることができますか？

非同期：

$.ajax({ 
     url:'scripts/scripts.php?call=page&url='+thisurl, /*local*/ 
     dataType:'html', 
     beforeSend:function(){ 
      $('#display').html('<div class="loading"></div>'); 
     }, 
     success:function(data, textStatus, jqXHR){ 
      /*local*/ myobj = getMyObj(data); $('#display').html(myobj); 
     }, 
     error:function(jqXHR, textStatus, errorThrown){ } 
}); 

同期：これは意味

Answer 1

EHMは、まあ、それはあなたがあなたが同期のAjax機能の前に何かを表示したい場合はことはかなり明白です使用ではなく、約束、またはのような何か：

var Ajax = $.ajax({ 
       url:'scripts/scripts.php?call=page&url='+thisurl, 
       dataType:'html' 
      }); 

//do something later 
$("#mybutton").on('click', function() { 
    Ajax.done(function(data) {   //if/when the ajax function is completed 
     $('#display').html(data); 
    }); 
});   

それとも別々の機能でAJAXを固執していることを同じように実行し、Ajax呼び出しの同期以外にも多くのオプションがあります！

Answer 2

チャンスはあなたが本当に同期AJAX要求を行うにはしたくないされていることを確認していない場合

$.ajax({ 
     url:'scripts/scripts.php?call=page&url='+thisurl, /*local*/ 
     dataType:'html', 
     async:false, 
     success:function(data, textStatus, jqXHR){ 
      /*global*/ myobj = getMyObj(data); 
     } 
}); 
$('#display').html(myobj); 

申し訳ありません。同期要求が一時的に要求がより良い練習が非同期要求を行うとするスピナーを設置することである

アクティブである間に何らかのアクションを無効にするには、ブラウザをロックすることが

注：jQuery.ajaxドキュメントからユーザーにあなたがそれらのデータを取得していることを知らせます。 、同期のAjax機能を使用する理由一方

$('#display').html('<div class="loading"></div>'); 
$.ajax({ 
     url:'scripts/scripts.php?call=page&url='+thisurl, /*local*/ 
     dataType:'html', 
     async:false, 
     success:function(data, textStatus, jqXHR){ 
      /*global*/ myobj = getMyObj(data); 
     } 
}); 
$('#display').html(myobj); 

、それは本当に悪い考えです：