プログラミング学習の記録 302 "独習JavaScript"の第10章(Ajax)の理解度チェック

開発環境

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

"独習JavaScript"の第10章(Ajax)のこの章の理解度チェックを解いてみる。

1.

var request = new XMLHttpRequest(); request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200) { alert(request.responseText); } }; request.open("GET,/q1.txt", true); request.send(null);

 

2.

var d0=document.getElementById("d0"); var request = new XMLHttpRequest(); request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200) { d0.innerHTML = request.responseText; } }; request.open("GET", "http://sitekamimura.blogspot.com/", true); request.send(null);

 

3.

少し問題を変更。

function mouseOverOut(url) { var d1 = document.getElementById("d1"); if (!url) { d1.innerHTML=""; return; } var request = new XMLHttpRequest(); request.onreadystatechange = function () { if (request.readyState == 4 && request.status == 200) { d1.innerHTML = request.responseText; } }; request.open("GET", url, true); request.send(null); } <p onmouseover="mouseOverOut('http://sitekamimura.blogspot.com/')" onmouseout="mouseOverOut()"> Kamimura's blogのトップページ </p> <p onmouseover="mouseOverOut('http://sitekamimura.blogspot.com/search/label/JavaScript')" onmouseout="mouseOverOut()"> Kamimura's blogのラベル、JavaScriptの記事一覧 </p> <div id="d1"></div>

Kamimura's blogのトップページ

Kamimura's blogのラベル、JavaScriptの記事一覧