AJAX サンプル
AJAX の動作原理を理解するために、小型の AJAX アプリケーションを作成しました。
AJAXサンプル解析
上記の AJAX アプリケーションには、div とボタンが含まれています。
div 部分はサーバーからの情報を表示するために使用されます。ボタンがクリックされると、loadXMLDoc() という名前の関数を呼び出します。
<div id="myDiv"><h2>AJAXを使用してテキストの内容を変更する</h2></div>
<button type="button" onclick="loadXMLDoc()">内容を変更</button>
次に、ページの head 部分に <script> タグを追加します。このタグには loadXMLDoc() 関数が含まれています。
<head>
<script>function loadXMLDoc()
{
.... AJAX スクリプト実行 ...
}</script>
</head>
次の章では、AJAX の動作原理について説明します。
その他の拡張