AJAX 實例
為了幫助您理解 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 的工作原理。