JavaScript - Ajaxの基礎知識(リクエストの状態(readyState、statusプロパティ))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84312-225-5) の14章(Ajaxの基礎知識)練習問第14-3を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-268-2)

14-3.

XMLHttpRequestのreadyStateプロパティの値が4(レスポンスの、statusプロパティの値が200(上手くいった場合)。

コード(TextWrangler)

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", url, false);
xmlhttp.onreadystatechange = f;
// 呼び出す関数
function f(o){
  // 成功したときの処理内容
  if(xmlhttp.readySate === 4 && xmlhttp.status === 200){
    // 処理内容
  }
}

jQueryを使った場合。

コード(TextWrangler)

var options = {
  type: 'GET',
  url: "example.html",
  dataType: "html",
  // サービスからレスポンスがあったときに呼び出す関数
  // 成功したとき
  success: function(){
    // 処理内容
  },
  // 上手くいかなかった場合
  error: function(){
    // 処理内容
  },
  // 成功の有無に関わらず最後に実行される
  complete: function(){
     // 処理内容
  }
};
$.ajax(options);