AJAX（Asynchronous JavaScript and XML，異步的 JavaScript 和 XML）是一種在網頁中實現異步數據交互的技術。該技術允許我們在不重新加載整個頁面的情況下更新局部內容。當服務器端響應請求后，通過回調函數可以將數據傳回前臺，實現動態更新。

一種常見的應用場景是在用戶注冊時，前臺通過 AJAX 請求后臺判斷用戶名是否可用。如果用戶名已經存在，則向前臺返回錯誤信息；如果用戶名可用，則向前臺返回成功信息，并允許用戶繼續注冊。

function checkUsername() {
var username = document.getElementById("username").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
if (response === "success") {
document.getElementById("usernameInfo").innerHTML = "用戶名可用";
} else {
document.getElementById("usernameInfo").innerHTML = "用戶名已存在";
}
}
};
xhr.open("GET", "checkUsername.php?username=" + username, true);
xhr.send();
}

在上面的示例中，當用戶在輸入框中輸入用戶名后，調用了一個名為 checkUsername 的函數。該函數會創建一個 XMLHttpRequest 實例，并將請求通過 GET 方法發送到后臺的 checkUsername.php 文件。請求中包含了用戶輸入的用戶名作為參數。

服務器端的 checkUsername.php 文件會對傳入的用戶名進行判斷，并將結果作為響應發送回前臺。如果用戶名可用，則返回字符串 "success"，表示用戶名可用；如果用戶名已存在，則返回其他字符串，表示用戶名已存在。

在前臺的回調函數中，我們判斷服務器端的響應是否為 "success"。如果是，則將提示信息設置為 "用戶名可用"；如果不是，則將提示信息設置為 "用戶名已存在"。這樣就根據服務器端的響應實現了相應的提示。

除了提示用戶名是否可用外，AJAX 還可以用來獲取其他數據并將其展示在頁面上。比如，在一個電商網站上，當用戶點擊商品詳情時，可以使用 AJAX 請求后臺獲取該商品的詳細信息，并將其以彈窗或者新的頁面展示給用戶。

function showProductDetails(productId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
// 解析響應數據，并展示在頁面上
// ...
}
};
xhr.open("GET", "getProductDetails.php?productId=" + productId, true);
xhr.send();
}

在上面的示例中，當用戶點擊商品時，調用了一個名為 showProductDetails 的函數。該函數會創建一個 XMLHttpRequest 實例，并將請求通過 GET 方法發送到后臺的 getProductDetails.php 文件。請求中包含了商品的 ID 作為參數。

服務器端的 getProductDetails.php 文件會根據傳入的商品 ID 查詢數據庫，并獲取詳細信息。然后，將詳細信息作為響應發送回前臺。

在前臺的回調函數中，我們可以解析服務器端的響應數據，并將其展示在頁面上。比如，可以動態創建一個彈窗，并將商品的詳細信息填充到該彈窗中。這樣用戶就可以通過點擊商品來方便地查看商品的詳細信息。

總之，AJAX 的成功回傳使得我們能夠在不重新加載整個頁面的情況下，實現對部分內容的動態更新。通過例子中的兩個應用場景，我們可以看到 AJAX 的強大之處。無論是提示用戶名是否可用，還是獲取商品詳情等，AJAX 都能夠實現跟用戶的交互，提供更好的用戶體驗。