今回はサーバ側に現在時刻を表示するスクリプトを作成します。
responseTextPropertyはサーバから返されたデータを保持します。そこで現在時刻を返してもらいます。
time.phpは以下のようになります。
<?php
echo date('h-i-s');
?>
time.phpをajaxTest.htmと同じディレクトリに置けば、ajaxTest.htmを開いて、ユーザの欄の記入を開始した際にTimeの欄にサーバから獲得した現在時刻が、ページを再読み込みせずに表示されるようになります。
これでAjaxとJavaScriptを用いたウェブページを作成することができました。