在現(xiàn)代Web應(yīng)用程序中，實時更新已經(jīng)成為非常重要的功能。無需刷新整個頁面即可更新部分內(nèi)容，Ajax是重要的技術(shù)之一，它使得在頁面上完成交互變得更加輕松。

Ajax 的核心是 XMLHttpRequest 對象，它可以在后臺與服務(wù)器進行數(shù)據(jù)交換，允許使用 JavaScript 更新網(wǎng)頁的一部分，而不是全部頁面。

下面是JavaScript中Ajax的基本語法：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
document.getElementById("demo").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "ajax_info.txt", true);
xmlhttp.send();

這段代碼執(zhí)行以下步驟：

1. xmlhttp.onreadystatechange綁定了回調(diào)函數(shù)，每當(dāng) readyState 改變時就會被調(diào)用。當(dāng) readyState 為 4 且狀態(tài)為 200 時表示響應(yīng)已就緒。
2. xmlhttp.open("GET", "ajax_info.txt", true)規(guī)定了請求的類型、URL 以及是否異步處理。對于異步請求，JavaScript 必須繼續(xù)執(zhí)行，而不必等待服務(wù)器響應(yīng)。
3. xmlhttp.send()發(fā)送請求。

使用Ajax以后可以避免整個頁面的刷新，它可以增強用戶體驗并使應(yīng)用程序更快和更好。例如，當(dāng)用戶點擊“更新”按鈕時，Ajax技術(shù)可以僅更新頁面的一部分，而不需要刷新整個頁面。也可以用 Ajax 實現(xiàn)自動完成文本框。

下面是一個 Ajax 實現(xiàn)自動完成文本框的例子：

function showHint(str) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "gethint.php?q=" + str, true);
xmlhttp.send();
}

gethint.php 文件包含了一些名字，當(dāng)文本框內(nèi)的文字與已存在的名字相同，就會選擇該名字，如果沒有相同的名字，則會顯示“無匹配項”。

以下是gethint.php文件的代碼：

在該例中，當(dāng)用戶輸入字符時，JavaScript 函數(shù)會以該字符發(fā)送 GET 請求到 gethint.php 文件，并將 GET 請求作為參數(shù)。

gethint.php 文件將接收 GET 請求，并使用它在字符串?dāng)?shù)組中進行查找。如果有名字與它開頭包含 GET 請求的字符串，則 PHP 文件將返回該名字或這些名字的列表。

Ajax 技術(shù)非常強大，它可以用于任何網(wǎng)絡(luò)應(yīng)用程序，而不僅限于數(shù)據(jù)交換。使用Ajax，改進您的網(wǎng)站并提供更好、更快的用戶體驗。