Latest web development tutorials

AJAXの例

あなたはAJAXの動作を理解しやすくするために、我々は小さなAJAXアプリケーションを作成します。

使用 AJAX 修改该文本内容


»をお試しください


分析のAJAXの例

AJAXアプリケーション上記のdivとボタンが含まれています。

サーバからの情報を表示するためのDIV部分。 ボタンがクリックされたとき、それは()関数名前loadXMLDocを呼び出すための責任があります。

<!DOCTYPE html>
<html>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

次に、ページのheadセクションに<スクリプト>タグを追加します。 ラベルは、loadXMLDoc()関数が含まれています。

<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>

以下のセクションでは、AJAXの作品を説明します。