さじろーどっとねっと
<非同期通信中に別の文字を出す>

Ajaxの欠点は、通信していることが分からないことです。逆を言えば、それがメリットでもあります。しかし、分からないと何度もボタンを押してしまい、サーバーにはバンバンアクセスが行ってしまいます。そこで、アクセス中は、「Loading...」の文字を出すようにします。
呼び出すファイルは、先ほどの1秒止めて返事を返す「test2.cgi」です。

# 実行結果はこちら


正しく表示されましたか?


ソース
# 読み込まれた文字をtest2_1に入れます。前回と同じ
<script type="text/javascript">
function on_loaded_test2_1(oj) {
document.getElementById("test2_1").innerHTML=unescape(oj.responseText);
}
</script>
# Requestをかける前にtest2_1に'Loading...'を入れます。あとは同じ
<input type=button value="test2_1" onclick="document.getElementById('test2_1').innerHTML='Loading...'; sendRequest(on_loaded_test2_1,'','GET','test2.cgi',true);">
<span id="test2_1"></span>

ブックマークに追加する