局部刷新是一種Web開發中常見的技術，它能夠在不刷新整個頁面的情況下，更新頁面的部分內容。這一技術中最常見的應用之一就是使用Ajax進行表單提交后的局部刷新。通過Ajax提交表單，可以實現頁面的動態更新，提升用戶體驗。

假設我們有一個留言板的頁面，用戶可以在留言板上發布新的留言。每當用戶點擊“發布”按鈕時，頁面不需要刷新，而是僅刷新留言列表的部分內容，顯示新的留言。

$(document).ready(function(){
$("form").on("submit", function(event){
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: "submit.php",
type: "POST",
data: formData,
success: function(result){
$("#message-list").html(result);
}
});
});
});

在這段代碼中，我們使用了jQuery庫來簡化Ajax的操作。當表單提交事件發生時，我們通過preventDefault()方法阻止了瀏覽器默認的表單提交行為，然后將表單數據通過serialize()方法序列化為URL編碼的字符串，作為Ajax請求的數據。

Ajax請求通過指定url、請求類型和數據進行發送。在這個例子中，我們將表單數據發送到一個名為submit.php的服務器端腳本。當成功接收到服務器返回的數據后，我們使用jQuery的html()方法將新的留言列表內容更新到id為"message-list"的元素中。

服務器端腳本submit.php負責接收并處理表單數據，然后生成新的留言列表，并將其返回給客戶端。例如：

// submit.php
$name = $_POST["name"];
$message = $_POST["message"];
// 處理表單數據，例如將數據存儲到數據庫中
// 生成新的留言列表
$messageList = "<ul>";
// 獲取數據庫中的留言數據并遍歷
$messageList .= "<li>$name: $message</li>";
$messageList .= "</ul>";
// 返回新的留言列表
echo $messageList;

在這個例子中，我們通過$_POST超全局數組獲取了表單中提交的數據，并對數據進行處理，例如將其存儲到數據庫中。然后，我們生成一個包含新的留言列表的HTML字符串，并將其返回給客戶端。

通過Ajax提交表單后的局部刷新，用戶在發布留言后可以立即看到自己發布的內容，無需頁面的完全刷新，提升了用戶體驗。這一技術在很多Web應用中都有廣泛應用，例如論壇的回復功能、商品評論的提交、實時聊天等等。