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

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

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




5.1
<script language="javascript" type="text/javascript"> function createHttpRequest() { if (window.ActiveXObject) { try { return new ActiveXObject("Msxml2.XMLHTTP") } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP") } catch (e2) { return null } } } else if (window.XMLHttpRequest) { return new XMLHttpRequest() } else { return null } } function requestUrl(data, method, url) { var httpoj = createHttpRequest() httpoj.open(method, url, true); httpoj.onreadystatechange = function() { switch (httpoj.readyState) { case 0: Insert("初期化完了"); break; case 1: Insert("読み込み中"); break; case 2: Insert("読み込み完了"); break; case 3: Insert("読み込んだデータを解析中"); break; case 4: Insert("処理の終了"); break; } } httpoj.send(data); } function Insert(text) { var d0 = document.getElementById("d0"); var p = document.createElement("p"); p.innerHTML = text; d0.appendChild(p); }</script> <p><a href="http://sitekamimura.blogspot.com/">Kamimura's blog</a>のラベル、<a href="http://sitekamimura.blogspot.com/search/label/JavaScript">JavaScriptの記事一覧</a>を要求してXMLHttpRequestの通信状況を表示してみる。</p> <input type="button" value="Click!" onclick="requestUrl('','GET','abc.txt')" /> <p>実行結果</p> <div id="d0"></div>

Kamimura's blogのラベル、JavaScriptの記事一覧を要求してXMLHttpRequestの通信状況を表示してみる。

実行結果