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

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

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




5.5
<script type="text/javascript" src="http://www.mkamimura.com/Sample/prototype.js"></script> <script language="javascript" type="text/javascript"> function ajaxRequest(url) { new Ajax.Request(url, { method: "get", onSuccess: Success, onFailure: Failure }); } function Success(oj) { var xmldoc = oj.responseXML; var elm = xmldoc.getElementsByTagName("city")[0]; var elm1 = xmldoc.getElementsByTagName("city")[1]; var text = elm.firstChild.data; var text1 = elm1.firstChild.data; document.getElementById("p0").innerHTML = text; document.getElementById("p1").innerHTML = text1; } function Failure() { document.getElementById("p0").innerHTML = "通信に失敗しました。"; }</script> <input type="button" value="Click!" onclick="ajaxRequest('Sample.xml')" /> <p id="p0"></p> <p id="p1"></p>

XML Document,Sample.xmlはこのブログのドメイン内には存在しないためGetできないので別のServerに保管。

保管場所: Sample 10