AJAXオープンエラー

Question

このエラーを取得し、わからないなぜ...ありがとう:)

キャッチされないInvalidStateError：オブジェクトの状態が開かれなければならない。「XMLHttpRequestを」上で実行[送信]に失敗しました。

$(document).ready(function(){ 
    var request = new XMLHttpRequest(); 

    request.onreadystatechange = function(){ 
     if(request.readyState === 4) { 
          console.log("4 request"); 
      if(request.status === 200) { 
       $(".container").innerHTML = request.responseText; 
       console.log("200 request"); 
      } 
     } 
    }; 

    request.open('GET', 'bio.txt', true); 

    $("#send-btn").on("click", function(){ 
     request.send(); 
    }); 
}); 

Answer 1

のXMLHttpRequestオブジェクトはdifferent statesの数を経ます。

request.openに電話をかけると、OPENED状態になります。

ボタンをクリックすると、後の状態になり、終了します。

ボタンを再度クリックすると、は完了し、オープンされていないので、エラーが発生します。

---

XHRオブジェクトを作成します（とそれにオープンなどを呼び出す）内部clickイベントハンドラ。