プログラミング学習の記録 301 "独習JavaScript"の第10章(Ajax)の10.1(Ajaxの基礎知識), 10.2(XMLHttpRequest)

開発環境

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

"独習JavaScript"の第10章(Ajax)の10.1(Ajaxの基礎知識)の練習問題 10.1, 10.2(XMLHttpRequest)の練習問題 10.2を解いてみる。

練習問題 10.1

1.

HTTPで使用される主なコマンドはGETコマンドとPOSTコマンド。

2.

同期処理はWebブラウザからWebサーバーにリクエストを送信すると、レスポンスが帰ってくるまでWebブラウザは処理を中断して待機する。

非同期処理はWebブラウザがWebサーバーにリクエストを送信した後もクライアントは処理を続行する。

 

練習問題 10.2

1.

最新ブラウザでは非同期通信する際のWebブラウザ間で異なる点をさほど気にする必要はない。

2.

var request = new XMLHttpRequest(); request.onreadystatechanage = function () { if (request.readyState == 4 && request.status == 200) { var names = request.responseXML.getElementsByTagName("name"); var value = names[0].firstChild.nodeValue; var div = document.getElementById("div"); d0.innerHTML = value; } }; request.open("GET", "/names.xml", true); request.send(null);

 

3.

<script type="text/javascript"> function callbackJson(obj) { var d0 = document.getElementById("d0"); d0.innerHTML = "<p>id: " + obj.id + "</p><p>name: " + obj.name; } </script> <script type="text/javascript" src="http://www.mkamimura.com/Sample/JScript.js"></script>