Kamimura's blog
プログラミング(Python、Perl、C、Go、JavaScript)、数学、読書…
2010年3月16日火曜日
プログラミング学習の記録 131.3 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題5.1
開発環境:Microsoft Visual Web Developer+Internet Explorer
"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.122の練習問題5.1を解いてみる。
5.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>XMLHttpRequest readyState</title> <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 (windows.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: Load0(); break; case 1: Load1(); break; case 2: Load2(); break; case 3: Load3(); break; case 4: Load4(); break; } } httpoj.send(data) } function Load0() { document.getElementById("d0").innerHTML = "初期化完了"; } function Load1() { document.getElementById("d1").innerHTML = "読み込み中"; } function Load2() { document.getElementById("d2").innerHTML = "読み込み完了"; } function Load3() { document.getElementById("d3").innerHTML = "読み込んだデータを解析中"; } function Load4() { document.getElementById("d4").innerHTML = "処理の完了"; } </script> </head> <body> <h1>XMLHttpRequestの通信状況を表示</h1> <input type="button" value="Click Me!" onclick="requestUrl('','GET','HaveaScrispt.txt')" /> <br /> <div id="d0"></div> <br /> <div id="d1"></div> <br /> <div id="d2"></div> <br /> <div id="d3"></div> <br /> <div id="d4"></div> <br /> </body> </html>
保管場所:
XMLHttpRequest readyState
0 コメント:
コメントを投稿
次の投稿
前の投稿
ホーム
コメントの投稿(Atom)
0 コメント:
コメントを投稿