最近，在開發和設計網頁的過程中，經常會遇到需要在用戶關閉頁面時執行某些操作的需求。在傳統的網頁設計中，當用戶關閉頁面時，頁面的生命周期結束，所有的操作也應該隨之停止。然而，隨著技術的進步，現在我們可以通過AJAX（Asynchronous JavaScript and XML）來實現在關閉頁面時仍然執行特定操作的功能。

對于一個常見的例子，考慮一個在線聊天應用。當用戶關閉聊天窗口時，我們希望能夠向服務器發送一個請求，將用戶從在線列表中移除。傳統的網頁設計中，這是無法實現的，因為頁面關閉后所有的操作都會停止。然而，通過使用AJAX，我們可以在用戶關閉聊天窗口時發送一個異步請求，將用戶從在線列表中移除。

下面是一個簡單的示例代碼：

window.addEventListener("beforeunload", function (event) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "removeUser.php?userId=" + userId, false);
xhr.send();
});

在這段代碼中，我們使用JavaScript的事件監聽機制來捕獲用戶關閉頁面的事件（beforeunload事件）。當用戶關閉頁面時，代碼將發送一個異步請求到服務器，將用戶ID作為參數傳遞給服務器端腳本（removeUser.php）。服務器端腳本將根據用戶ID將用戶從在線列表中移除。

另外一個例子是在用戶離開頁面時保存草稿。假設我們正在設計一個博客編輯器，在用戶編輯博客時，我們希望能夠在用戶離開頁面時自動保存他們的草稿。通過使用AJAX，我們可以實現這個功能：

window.addEventListener("beforeunload", function (event) {
var draftContent = document.getElementById("draft").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "saveDraft.php", false);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("content=" + draftContent);
});

在這個例子中，我們首先獲取編輯器中的草稿內容，并將其作為參數發送到服務器端腳本（saveDraft.php）。服務器端腳本將保存草稿內容，并在用戶下次訪問編輯器時恢復草稿。

需要注意的是，在使用AJAX來實現在用戶關閉頁面時執行操作時，我們通常會選擇發送同步請求（使用false作為xhr.open方法的第三個參數）。這是因為在頁面關閉之前，我們需要確保請求已經發出并在服務器端得到處理。如果我們發送異步請求，頁面關閉時可能無法確保數據被成功發送至服務器。

總結來說，通過使用AJAX，我們可以在用戶關閉頁面時執行特定操作，從而增強網頁的功能和用戶體驗。無論是從在線聊天、自動保存草稿還是其他需求，AJAX都為我們提供了一種靈活的實現方式。