AJAX（Asynchronous JavaScript and XML）是一種無需刷新頁面的技術，在網頁開發中廣泛應用。通過使用AJAX，我們可以實現在不重新加載整個頁面的情況下，更新某個特定部分內容。這種無刷新的頁面更新能夠帶來更好的用戶體驗，并且提高了網頁的性能。

為什么AJAX能夠實現無刷新頁面呢？答案就在于其異步的特性。傳統的網頁請求是同步的，即當用戶點擊某個鏈接或提交表單時，瀏覽器會發送一個請求，然后等待服務器的響應，期間用戶無法進行其他操作。而AJAX就是利用JavaScript的異步特性，使得頁面可以在發送請求的同時繼續處理其他操作，不會被阻塞。當服務器響應返回后，再通過回調函數處理響應的數據，更新頁面中的相應內容，實現無刷新效果。

一個經典的例子是通過AJAX實現無刷新的表單提交。以一個用戶登錄表單為例，傳統的做法是用戶填寫表單信息后點擊提交按鈕，瀏覽器向服務器發送請求并等待服務器處理，最后將返回的結果顯示在新的頁面中。

<form>
<input type="text" id="username" name="username" />
<input type="password" id="password" name="password" />
<button onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
// 獲取表單數據
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 創建AJAX對象
var xmlhttp = new XMLHttpRequest();
// 設置回調函數
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 處理服務器返回的數據
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
};
// 發送請求
xmlhttp.open("POST", "login.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("username=" + username + "&password=" + password);
}
</script>

在上述代碼中，當用戶點擊提交按鈕時，JavaScript的submitForm函數會被調用。該函數首先獲取用戶名和密碼的值，然后創建了一個XMLHttpRequest對象，設置了回調函數。接著發送了一個POST請求到login.php頁面，并將用戶名和密碼作為參數發送。當服務器處理完成后，通過回調函數將結果更新到頁面中指定的