Ajax是一種用于創(chuàng)建動態(tài)網(wǎng)頁的技術(shù)，它可以使網(wǎng)頁實現(xiàn)異步加載數(shù)據(jù)，并且在不需要刷新整個頁面的情況下更新部分頁面內(nèi)容。當我們通過Ajax發(fā)送請求并成功返回數(shù)據(jù)時，我們可以使用JavaScript來刷新頁面特定的部分，以展示新的內(nèi)容。本文將介紹如何使用Ajax發(fā)送請求后刷新頁面的方法，并通過舉例來說明。 首先，我們需要引入jQuery庫來簡化Ajax請求的操作。以下是一個使用Ajax發(fā)送GET請求的示例：

$(document).ready(function() {
$.ajax({
url: "example.com/data",
type: "GET",
success: function(response) {
// 在這里處理返回的數(shù)據(jù)
$("#content").html(response);
}
});
});

在上述代碼中，我們通過調(diào)用`$.ajax()`函數(shù)來發(fā)送GET請求。`url`參數(shù)指定了請求的目標地址，`type`參數(shù)表示請求的類型為GET。`success`回調(diào)函數(shù)會在請求成功返回數(shù)據(jù)時被調(diào)用，并將返回的數(shù)據(jù)作為參數(shù)傳入該函數(shù)中。在這個例子中，我們使用`$("#content")`來選中頁面的一個特定的DOM元素，并使用`html()`函數(shù)將返回的數(shù)據(jù)插入到該DOM元素中。 另一種常見的情況是使用Ajax發(fā)送POST請求并刷新頁面內(nèi)容。以下是一個示例：

$(document).ready(function() {
$("form").submit(function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var formData = $(this).serialize(); // 將表單數(shù)據(jù)序列化
$.ajax({
url: "example.com/submit",
type: "POST",
data: formData,
success: function(response) {
// 在這里處理返回的數(shù)據(jù)
$("#result").html(response);
}
});
});
});

在上述代碼中，當表單被提交時，我們使用`preventDefault()`函數(shù)來阻止表單的默認提交行為。然后，我們使用`serialize()`函數(shù)將表單的數(shù)據(jù)序列化為一個字符串。接著，我們通過調(diào)用`$.ajax()`函數(shù)發(fā)送POST請求。`data`參數(shù)用于指定發(fā)送的數(shù)據(jù)，`success`回調(diào)函數(shù)中的處理邏輯與之前一樣。 通過上面的示例，我們可以看到如何使用Ajax發(fā)送請求并在成功返回數(shù)據(jù)后刷新頁面的特定部分。通過這種方式，我們可以實現(xiàn)頁面內(nèi)容的動態(tài)更新，而無需刷新整個頁面。在實際應用中，我們可以根據(jù)具體需求進行相應的改進和擴展，以滿足更復雜的功能要求。