在許多網頁應用中，ajax 可以用于提交表單并獲取服務器返回的數據。假設我們正在開發一個在線購物網站，并希望用戶在添加商品到購物車后立即看到購物車中的更新數目。使用 ajax 技術，我們可以無需刷新整個頁面，通過異步請求向服務器發送數據并獲取最新的購物車信息。
$.ajax({
type: "POST",
url: "/add-to-cart",
data: {product_id: 12345},
success: function(response) {
$("#cart-count").text(response.cart_count);
}
});上述代碼使用了 jQuery 框架的 ajax 方法。當用戶點擊“添加到購物車”按鈕時，Ajax 請求會向服務器發送一個 POST 請求，請求的 URL 是 "/add-to-cart"，同時傳遞了要添加到購物車中的產品 id。當服務器成功處理請求并返回結果時（即購物車更新成功），success 回調函數將會被調用。
在成功回調函數中，我們將服務器返回的購物車數目更新到頁面中的購物車圖標上。通過選擇合適的元素，并使用 jQuery 的 text 方法，我們能夠在頁面上顯示新的購物車數目。
除了更新頁面上的內容，ajax 完成后的返回還可以用于其他目的。舉例來說，假設我們想要根據用戶的輸入查詢數據庫并在頁面上顯示查詢結果。通過 ajax 請求，我們可以將用戶的輸入發送給服務器進行處理，并將數據庫中查詢到的結果返回給用戶。
$.ajax({
type: "GET",
url: "/search",
data: {keyword: "ajax"},
success: function(response) {
$("#search-results").empty();
for (var i = 0; i< response.length; i++) {
$("#search-results").append("" + response[i].title + "
");
}
}
});上述代碼示例展示了一個搜索功能的實現。當用戶在搜索框中輸入關鍵詞并點擊搜索按鈕時，ajax 請求將關鍵詞發送給服務器進行處理。服務器會查詢數據庫，并將結果以 JSON 格式返回給客戶端。
在成功回調函數中，我們首先清空之前的搜索結果（如果有的話），然后遍歷服務器返回的結果，并將每個結果的標題追加到頁面上的搜索結果區域中。通過使用 append 方法，在每個標題前分別創建一個 p 標簽，我們能夠在頁面上展示數據庫中的查詢結果。
總結來說，ajax 完成后返回的內容在 web 開發中有著廣泛的應用。無論是更新頁面上的部分內容，還是根據用戶的輸入進行動態查詢，ajax 都可以通過異步請求與服務器進行通信，并返回服務器處理結果。通過合理地利用 ajax 的異步特性，我們可以在頁面上實現更加出色的用戶體驗和交互。