memo
XMLHTTP版では、読み込みファイルが小さいこともあり、高速で処理される為に "Now Loading..." が見れないので、
わざと5秒後に"XMLHttpRequest"が発生するようにしました。
画面遷移しているかどうかは、ブラウザのアドレス欄で判断出来る場合もあります。
ソースは、OS:Windows XP, Browser:IE6/FireFox 1.0.4/Netscap 7.1で動作確認済み
Now Loading...
sample1.htm ソース
<HTML>
<HEAD>
<TITLE>Ajax Sample1</TITLE>
<script language="javascript">
<!--
function AjaxSample1() {
var xmlhttp = false;
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
xmlhttp = false;
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
if (xmlhttp) {
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var disp = document.getElementById('disp');
disp.innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open('GET', './sample1.txt');
xmlhttp.send(null);
}
document.getElementById('msg').style.display = 'none';
}
-->
</script>
</HEAD>
<BODY>
<p><a href="sample1.txt">HTTP読み込み</a></p>
<p><a href="javascript:void(0);" onclick="document.getElementById('msg').style.display = 'block'; setTimeout('AjaxSample1()', 5000);">XMLHTTP読み込み</a></p>
<div id="msg" style="display: none">Now Loading...</div>
<div id="disp"></div>
</BODY>
</HTML>