Ajax（Asynchronous JavaScript and XML）是一種前后臺數據交互的技術，通過在不重新加載整個網頁的情況下，實現前后臺之間的數據傳輸和通信。它通過異步請求和響應機制，能夠使頁面實時更新而不影響用戶的操作體驗。下面我們將通過一個實例來深入了解Ajax的應用。

假設我們正在開發一個在線電影票購買網站，當用戶選擇某一部電影并點擊“購買”按鈕后，需要將用戶選擇的電影信息發送給后臺服務器進行處理，并顯示購買成功的提示信息給用戶。

<button onclick="buyTicket()">購買</button>
<script>
function buyTicket() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
var url = "http://example.com/buy_ticket";
xhr.open("POST", url, true);
// 設置請求頭
xhr.setRequestHeader("Content-Type", "application/json");
// 定義響應處理函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("購買成功！");
} else {
alert("購買失敗，請稍后重試。");
}
}
};
// 發送請求
var movie = {
name: "Avatar",
time: "2022-01-01 20:00:00",
cinema: "ABC影城",
seat: "A01"
};
xhr.send(JSON.stringify(movie));
}
</script>

在上述代碼中，我們定義了一個名為buyTicket()的函數，該函數將在用戶點擊“購買”按鈕時觸發。在函數內部，我們首先創建了一個XMLHttpRequest對象，該對象用于處理與后臺服務器的通信。然后，我們使用open()方法設置請求的方法和URL，這里使用了POST方法，并指定了后臺服務的URL地址。setRequestHeader()方法用于設置請求頭，這里設置了Content-Type為application/json，表示請求體的數據格式為JSON。

接下來，我們定義了onreadystatechange函數，該函數用于處理后臺服務器的響應。在這個函數內部，我們首先判斷響應的狀態（readyState為4表示請求已完成，status為200表示請求成功）。如果請求成功，我們將響應的內容解析為JSON對象，并判斷是否購買成功，根據結果顯示對應的提示信息。

最后，我們使用send()方法發送請求。在這里，我們構造了一個電影信息的JSON對象，并將其通過JSON.stringify()方法轉換為JSON字符串，然后傳遞給send()方法，作為請求體發送給后臺服務器。

通過上述代碼，當用戶點擊“購買”按鈕時，就會觸發Ajax請求，將用戶選擇的電影信息發送給后臺服務器。后臺服務器接收到請求后，將進行相應的處理，并返回處理結果給前端頁面。前端頁面根據處理結果，顯示購買成功或失敗的提示信息，提高了用戶體驗。