XMLHttpRequestにajaxCompleteを適用するにはどうすればいいですか？

Question

XMLHttpRequest（）を使用してjsonファイルをロードする非同期要求を行っています。リクエストの完了を待ってから、残りの作業を続ける必要があります。

私はajaxComplete（）がこれを行うべきであることを見ましたが、実際のコードに適用して動作させることはできません。

ここで私はここで私は今、私はそれが

を完了したことをしたい

ajaxCall(); 

その関数を呼んでいる非同期要求を経由して

function ajaxCall(){ 

    xmlhttp.onreadystatechange = function(){ 

     if(xmlhttp.readyState==4 && xmlhttp.status==200){ 
      arrayImages = JSON.parse(xmlhttp.responseText); 
      output(arrayImages); 
     } 
    } 

    xmlhttp.open("GET", url, true); 
    xmlhttp.send(); 

} 

をJSONを呼び出す関数を設定してい

do other things 

助けが必要ですか？

ありがとうございます！

Answer 1

2つのオプションがあります。

Promise

function ajaxCall(){ 
    return new Promise(function(success){ 
     xmlhttp.onreadystatechange = function(){ 
      if(xmlhttp.readyState==4 && xmlhttp.status==200){ 
       arrayImages = JSON.parse(xmlhttp.responseText); 
       output(arrayImages); 
       success(); 
      } 
     } 
     xmlhttp.open("GET", url, true); 
     xmlhttp.send(); 
    }); 
} 

それは

ajaxCall().then(function(){ 
    // Do stuff after 
}); 

それともあなたはコールバックを使用することができますを行うのときに、あなたがものを行うことができます...

function ajaxCall(callback){ 
    xmlhttp.onreadystatechange = function(){ 
     if(xmlhttp.readyState==4 && xmlhttp.status==200){ 
      arrayImages = JSON.parse(xmlhttp.responseText); 
      output(arrayImages); 
      callback(); 
     } 
    } 
    xmlhttp.open("GET", url, true); 
    xmlhttp.send(); 
} 

その後は、後にものを行いますこのように

ajaxCall(function(){ 
    // do stuff after 
}); 

Answer 2

ajaxCompleteはjQueryライブラリの一部です。 jQueryのajaxリクエストにのみバインドされます。これらは通常XMLHttpRequestをラップしますが、XMLHttpRequestを手動で使用するとXMLHttpRequestに触れることはできません。

応答が戻った後にコードを実行するには、適切なイベントを待つ必要があります。あなたはすでにここに行っている：

if(xmlhttp.readyState==4 && xmlhttp.status==200){ 

場所あなたが応答がそのif文の内部で受信された後に実行したいコード。

ajaxCallを再利用可能にする場合は、その関数に引数として渡してから、ifステートメント内でその関数を呼び出します。