JavaScriptの実行順に混乱しています

Question

これらのコードブロックの違いを教えてください。

私はそれを得ることができません！

---

$('document').ready(function(){ 
     var str; 

     var request= new XMLHttpRequest(); 
     request.open('get','http://localhost:8080/new/text.jsp',true); 
     request.onload=function(){ 
      str=request.responseText; 

     }; 
     request.send(); 
     $('h1').text(str); 
    }); 

---

$('document').ready(function(){ 
    var str; 

    var request= new XMLHttpRequest(); 
    request.open('get','http://localhost:8080/new/text.jsp',true); 
    request.onload=function(){ 
     str=request.responseText; 
     $('h1').text(str); 
    }; 
    request.send(); 
}); 

Answer 1

このAjaxリクエスト（のXMLHttpRequest）は非同期に実行するためです。 onload関数は、応答を受け取ったときにトリガーされます。レスポンスでは、ステータスコードとレスポンスコードを確認する必要があります。

最初のコードです。応答を待つのではなく、ただstrをh1に入れます。 2番目のコードは要求の処理を待機し、応答を受け取るとそのコードをh1に使用します。