Ajax（Asynchronous JavaScript and XML）是一種在Web開發中廣泛使用的技術，可以使網頁實現異步更新，而無需重新加載整個頁面。通過Ajax，可以在后臺與服務器進行數據交互，并將返回的結果實時更新到當前頁面上。本文將介紹Ajax的基本原理和使用方法，并舉例說明如何使用Ajax來實現異步顯示返回結果。

在傳統的Web開發中，當用戶與網頁進行交互時，通常需要重新加載整個頁面或者提交表單，然后等待服務器返回結果才能進行下一步操作。這種方式會導致頁面的不流暢性和用戶體驗的下降。而使用Ajax技術，可以在后臺與服務器進行數據交互，實現異步更新頁面的效果，提高用戶體驗。

使用Ajax實現異步顯示返回結果的一個常見例子是搜索框的自動補全功能。用戶在搜索框中輸入關鍵字時，網頁會自動發送Ajax請求到服務器端，服務器返回與關鍵字相關的搜索結果，并將結果實時顯示在下拉列表中。用戶可以在輸入過程中實時看到搜索結果，提高了搜索的效率和準確性。

function autoComplete(keyword) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置回調函數，當接收到服務器返回的結果時執行
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var results = response.results;
// 更新頁面的顯示結果
var dropdown = document.getElementById("autocomplete-dropdown");
dropdown.innerHTML = "";
for (var i = 0; i < results.length; i++) {
var option = document.createElement("option");
option.value = results[i].keyword;
dropdown.appendChild(option);
}
}
};
// 發送Ajax請求
xhr.open("GET", "/autocomplete?keyword=" + keyword, true);
xhr.send();
}

上述代碼中的autoComplete函數通過Ajax發送GET請求到服務器的/autocomplete路徑，并將關鍵字作為參數傳遞給服務器。當服務器返回結果時，onreadystatechange回調函數會被觸發，通過XMLHttpRequest對象提供的方法獲取服務器返回的結果，并將結果實時更新到頁面上。

除了搜索框的自動補全功能，Ajax還可以應用于許多其他場景。例如，在社交媒體網站中，當用戶點擊"贊"按鈕時，網頁會通過Ajax發送請求到服務器，服務器會記錄該用戶對該帖子的點贊行為，并將更新后的點贊數實時返回給網頁，從而更新點贊按鈕的狀態。

總之，Ajax技術可以實現網頁的異步更新，提高用戶體驗。通過在后臺與服務器進行數據交互，可以實現實時顯示服務器返回的結果，而無需重新加載整個頁面。以上是關于Ajax異步顯示返回結果的介紹，希望對您有所幫助。