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