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 的工作原理。