1.簡介

　　AJAX 相當于異步 JavaScript 和 XML，是一種用于創建快速動態網頁的技術。通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。傳統的網頁（不使用 AJAX）如果需要更新內容，必需重載整個網頁面。

　　注意：Ajax 不是一種新的編程語言，而是一種用于創建更好更快以及交互性更強的Web應用程序的技術。

2.工作原理

　　AJAX的工作原理相當于在用戶和服務器之間加了—個中間層(AJAX引擎)，使用戶操作與服務器響應異步化。

3.實例

　　div 部分用于顯示來自服務器的信息。當按鈕被點擊時，它負責調用名為 loadXMLDoc() 的函數：

1
2
3
4
5
6
7
<!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 部分添加一個 <script> 標簽。該標簽中包含了這個 loadXMLDoc() 函數：

1
2
3
4
5
6
7
8
<head>       
<script>       
function loadXMLDoc()       
{       
.... AJAX script goes here ...       
}       
</script>       
</head>