$(document).ready(function() {
// 清除Cookie
function clearCookie() {
var cookies = document.cookie.split(";");
for (var i = 0; i< cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos >-1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;";
}
}
// 點擊按鈕觸發清除Cookie
$("#clearCookieBtn").click(function() {
clearCookie();
alert("成功清除Cookie！");
});
});

當我們在網站上進行瀏覽或進行登錄等操作時，網站通常會使用Cookie來存儲和跟蹤用戶的信息。然而，有時我們需要清除這些Cookie，例如在需要重新登錄或清除特定設置時。在Web開發中，我們可以使用Ajax來清除Cookie，不用刷新整個頁面。

一種常見的應用場景是在網站的用戶設置頁面，用戶可以通過點擊按鈕來清除其個人的設置信息。假設有一個名為"清除設置"的按鈕，其id設置為clearCookieBtn，我們可以通過使用Ajax來清除Cookie。

Ajax（Asynchronous JavaScript and XML）是一種在不跳轉頁面的情況下，動態更新網頁內容的技術。它能夠實現與服務器的異步通信，通過發送HTTP請求來更新局部頁面的內容。

在上述代碼中，我們使用了最常用的JavaScript庫之一，即jQuery。首先，我們在HTML文件中引入了jQuery的CDN鏈接。然后，我們使用了$(document).ready()來保證代碼在文檔完全加載后執行。

接下來，我們定義了一個名為clearCookie的函數，用于清除所有的Cookie。該函數的工作原理是將所有的Cookie拆分為一個個鍵值對，并通過設置過期時間為過去的方式來清除它們。

在用戶點擊"清除設置"按鈕時，我們使用jQuery選擇器選中該按鈕，并調用click()函數來綁定點擊事件。當用戶點擊按鈕時，click()函數會觸發clearCookie函數并清除所有Cookie。最后，我們通過調用JavaScript的alert()函數來提醒用戶Cookie清除成功。

通過上述代碼的實現，用戶在點擊"清除設置"按鈕后，所有與用戶個人設置相關的Cookie會被強制清除。用戶可以立即重新登錄，并重新設置他們的個人偏好和設置。

總之，通過使用Ajax技術，我們可以實現在不刷新整個頁面的情況下清除Cookie。這為用戶提供了一個方便的方式來清除個人設置，而無需離開當前頁面或重新加載整個網站。