AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上進行異步通信的技術。它可以讓網頁在不刷新的情況下向服務器發送請求，并在后臺獲取和加載數據。通過使用AJAX，網頁可以在不打斷用戶操作的情況下更新部分頁面內容，提高用戶體驗。本文將詳細介紹AJAX異步調用的過程，并利用舉例說明其返回結果的應用。

假設我們正在開發一個網上商城網站，并想要實現一個搜索功能，讓用戶能夠通過輸入商品名稱來查找并顯示相應的商品列表。傳統方法中，當用戶點擊“搜索”按鈕時，網頁會刷新并重新加載頁面，然后根據用戶的輸入查詢數據庫并返回搜索結果。這種方式對用戶來說不夠友好，因為他們需要等待頁面加載完畢才能看到結果。而使用AJAX，我們可以通過異步調用的方式，實現在不刷新頁面的情況下獲取并展示搜索結果，提供更快速和流暢的用戶體驗。

function searchProduct(keyword) {
$.ajax({
url: 'search.php',
method: 'GET',
data: {
keyword: keyword
},
success: function(response) {
$('#searchResult').html(response);
},
error: function() {
alert('搜索失敗，請稍后再試。');
}
});
}

上述代碼是一個簡單的搜索函數，它使用了jQuery庫中的$.ajax()方法來發送異步請求。當用戶輸入關鍵詞并點擊搜索按鈕時，該函數會向服務器發送GET請求，將關鍵詞作為參數傳遞給服務器端的search.php腳本。服務器收到請求后，根據關鍵詞查詢數據庫并生成相應的HTML代碼，然后將其作為響應返回給瀏覽器。成功時，響應將被插入到ID為“searchResult”的元素中，從而顯示搜索結果；失敗時，將彈出一個警告框提示用戶。

通過AJAX異步調用，我們可以實現更多復雜的功能。例如，當用戶在購物車頁面中點擊“結算”按鈕時，網頁需要根據用戶所選商品的數量和價格計算出訂單總金額，并以彈出框的方式顯示給用戶。這個過程可以通過AJAX異步調用來實現，當用戶點擊按鈕時，網頁會向服務器發送POST請求，將選中商品的信息作為參數傳遞給服務器端的checkout.php腳本。服務器端根據所傳遞的參數計算訂單總金額，并將其作為響應返回給瀏覽器。最后，利用JavaScript代碼將響應解析并展示給用戶。

function checkout() {
var selectedItems = [];
$(":checkbox:checked").each(function() {
var name = $(this).attr("name");
var quantity = parseInt($(this).closest("tr").find(".quantity").val());
var price = parseFloat($(this).closest("tr").find(".price").text());
selectedItems.push({name: name, quantity: quantity, price: price});
});
$.ajax({
url: 'checkout.php',
method: 'POST',
data: {
items: JSON.stringify(selectedItems)
},
success: function(response) {
var totalAmount = parseFloat(response);
alert("訂單總金額為：" + totalAmount);
},
error: function() {
alert('結算失敗，請稍后再試。');
}
});
}

上述代碼是一個結算函數，它通過遍歷所有被選中的復選框來獲取選中商品的名稱、數量和價格，并以JSON格式將這些信息傳遞給服務器端的checkout.php腳本。服務器端根據所傳遞的參數計算訂單總金額，并將其作為響應返回給瀏覽器。成功時，將以彈出框的形式顯示訂單總金額；失敗時，將彈出一個警告框提示用戶。

總之，AJAX異步調用是一種使網頁能夠在不刷新的情況下向服務器發送請求和獲取響應的技術。通過使用AJAX，我們可以實現各種復雜的功能，提高網站的用戶體驗。希望通過本文的介紹和示例，讀者能夠更好地理解和應用AJAX異步調用返回結果的方法。