プログラミング学習の記録 277 "JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付)(プログラミング学習シリーズ)"の第5章(XMLHttpRequest)の練習問題

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.122, 第5章(XMLHttpRequest)の練習問題を解いてみる。

5.1

var d0 = document.getElementById("d0"); function Insert(text) { d0.innerHTML = "<p>" + text + "</p>"; } function requestURL(data, method, url) { var httpoj = new XMLHttpRequest(); httpoj.open(method, url, true); httpoj.onreadystatechange = function () { switch (httpoj.onreadyState) { case 0: Insert("読み込み開始前の初期化完了(uninitilized)"); break; case 1: Insert("読み込み中(Loading)"); break; case 2: Insert("読み込み完了(Loaded)"); break; case 3: Insert("読み込んだデータを解析中(interactive)"); break; case 4: Insert("処理の終了(complete"); break; default: Insert("エラー"); break; } } httpoj.send(data); }

http://sitekamimura.blogspot.com/をリクエストしてみる。

 

5.2

var httpoj = new XMLHttpRequest(); httpoj.open(method, url, true); httpoj.onreadystatechange = function () { if (httpoj.readyState == 4) { var d1 = document.getElementById("d1"); d1.innerHTML = "<p>ステータス番号: " + httpoj.status + "</p><p>ステータスメッセージ: " + httpoj.statusText + "</p>"; } } httpoj.send(data);

 

5.3

var httpoj = new XMLHttpRequest(); httpoj.open(method, url, true); httpoj.onreadystatechange = function () { if (httpoj.readyState == 4) { var d2 = document.getElementById("d2"); var lm = httpoj.getResponseHeader("Last-Modified"); if (lm == "") { d2.innerHTML = "<p>XML HTTP リクエストヘッダのうち、Last-Modifiedはありません</p>"; } else { d2.innerHTML = "<p>Last-Modified: " + lm + "</p>"; } var date = httpoj.getResponseHeader("Date"); if (date == "") { d2.innerHTML = "<p>XML Http リクエストヘッダのうち、Dateはありません</p>"; } else { d2.innerHTML = "<p>Date: " + date + "</p>"; } } } httpoj.send(data);

 

5.4, 5.5はXMLドキュメントを置く場所がないので省略。