AJAX 是 Asynchronous JavaScript and XML（異步JavaScript和XML）的縮寫，它是一種現代的Web開發技術。它的工作原理是通過在不刷新整個頁面的情況下，向服務器發送異步請求，并在后臺更新部分頁面內容。這個過程涉及到前端JavaScript發起請求、服務器端處理請求并返回數據，再由JavaScript解析數據并更新頁面的步驟。

假設我們在一個電子商務平臺中，有一個商品列表頁面，用戶可以對商品進行評論和評分。在傳統的開發模式中，當用戶提交評論或評分后，頁面會刷新并重新加載商品列表，這樣會影響用戶的體驗，并且浪費帶寬和服務器資源。而使用AJAX，我們可以在不刷新整個頁面的情況下，向服務器發送異步請求并更新商品列表的部分頁面。

在JavaScript中，我們可以使用AJAX的XMLHttpRequest對象來發送異步請求。以下是一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open("GET", "example.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var data = xhr.responseText;
// 解析服務器返回的數據并更新頁面
}
}
};
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定請求的方式（GET或POST），以及請求的URL（example.php）。接下來，我們注冊一個回調函數（onreadystatechange），該函數會在請求的狀態發生變化時被調用。當請求完成且成功返回時，我們可以通過responseText屬性獲取服務器返回的數據，并在頁面中更新相應的內容。

在服務器端，我們可以使用各種編程語言（如PHP、Java、Python等）來處理AJAX請求。服務器端的代碼會接收到AJAX請求，執行相應的邏輯操作，并返回響應數據。以下是一個簡單的PHP例子：

// example.php
// 處理AJAX請求
if ($_SERVER["REQUEST_METHOD"] === "GET") {
$name = $_GET["name"];
// 執行邏輯操作
$data = "Hello, " . $name;
// 返回響應數據
echo $data;
}

在上面的例子中，我們通過獲取GET請求中的參數（name），執行一些邏輯操作，并將結果存儲在$data變量中。最后，我們使用echo語句將$data輸出到響應中，從而將數據返回給前端JavaScript。

通過以上的例子，我們可以看到AJAX的工作原理是通過前端JavaScript和服務器之間的交互實現的。前端JavaScript通過XMLHttpRequest對象發送異步請求，而服務器端通過處理請求并返回相應的數據。這樣，我們就可以在不刷新整個頁面的情況下，實現頁面內容的動態更新，提高用戶體驗和服務器資源的利用率。