當我們在開發網頁時，經常會遇到需要在不刷新整個頁面的情況下更新頁面內容的需求。在這種情況下，使用Ajax是一個非常常見和有效的解決方案。本文將介紹如何使用Ajax清空當前頁面，并通過舉例說明具體操作步驟。 要在當前頁面清空內容，我們首先需要使用Ajax發送一個請求到服務器，并獲取需要更新的內容。為了簡化操作，我們可以使用jQuery庫中的Ajax方法。下面是一個例子：

$(document).ready(function(){
$.ajax({
url: "update.php",  // 需要更新的內容的URL
type: "GET",  // 請求的類型
success: function(response){
$("body").empty();  // 清空當前頁面的內容
$("body").append(response);  // 將更新的內容添加到頁面中
}
});
});

在上述代碼中，我們通過調用`$.ajax`方法發送了一個GET請求，并指定了需要更新內容的URL。當請求成功返回時，`success`函數會被調用。在這個函數中，我們使用`$("body").empty()`清空了當前頁面的內容，并通過`$("body").append(response)`將返回的內容添加到頁面中。 下面我們通過一個具體的例子來說明如何使用Ajax清空當前頁面。假設我們有一個按鈕，當點擊該按鈕時，頁面上的內容將被清空。這是我們的HTML代碼：

清空內容

我們可以使用以下JavaScript代碼來實現按鈕的點擊事件：

$(document).ready(function(){
$("#clearButton").click(function(){
$.ajax({
url: "update.php",
type: "GET",
success: function(response){
$("body").empty();
$("body").append(response);
}
});
});
});

在上述代碼中，我們通過`$("#clearButton")`選擇了按鈕，并通過`.click`綁定了一個點擊事件的回調函數。當按鈕被點擊時，回調函數將執行Ajax請求，并清空頁面內容。 當然，上述例子中的`update.php`只是一個示例，你需要根據實際需求來替換成你的服務器端腳本，用于生成需要更新的內容。 綜上所述，使用Ajax可以方便地在不刷新整個頁面的情況下清空當前頁面的內容。通過使用jQuery庫中的Ajax方法，我們可以發送請求并獲取需要更新的內容，并將其添加到頁面中。這種方法可以提升用戶體驗，使頁面更加動態和交互性。