[JavaScript] AJAX


AJAX

  • 技術
  • JavaScriptを介してHTTPリクエストを送信し、ブラウザでページを移動することなく応答を受信する
  • ユーザーにより良い体験を提供します.ほとんどのWebサイトで使用されているテクノロジー
  • Request


    1.AJAXのオブジェクトを作成する
    var req = new XMLHttpRequest(); // HTTP 요청을 만들 수 있는 새로운 객체를 생성하는 명령
    2.要求方式とURLの設定
    req.open("GET", "./data.txt"); // http request method와 URL 설정
    3.送信要求
    req.send();
    応答の確認
    req.応答に保存
    リクエストは非同期なのでsendメソッドを呼び出した後、直接コードからアクセスするとデータは空になります.
    AJAXプロセスで呼び出されるコールバック関数を使用します.

    Response


    readyStateプロパティ
    AJAXリクエストの変更範囲は0~40:openメソッド呼び出し前1:openメソッド呼び出し後、送信メソッド呼び出し前2:送信された要求の応答ヘッダを受信した後3:応答の本体部分が受信中である場合4:すべての応答が受信された場合
    onreadystatechangeプロパティ
    readyStateが変化するたびに呼び出されるコールバック関数
    statusプロパティ
    HTTP応答応答ヘッダに記録されたコード200 : OK404 : Not Found500 : Internal Error