在Web開發中，經常會遇到需要實時刷新網頁上的數據的情況。傳統的方式是使用頁面刷新或者定時刷新來更新數據，這樣不僅效率低下，體驗也不好。而Ajax（Asynchronous JavaScript and XML）可以實現無需刷新整個頁面的情況下，更新指定的部分內容，提升用戶體驗和網頁性能。

以一個簡單的表格為例，假設我們有一個學生成績單，需要實時更新學生的成績信息。傳統的方式下，我們需要每次刷新整個頁面，這樣效率非常低下。而使用Ajax技術，可以實現無需刷新整個頁面的情況下，刷新特定的表格內容。

$.ajax({
url: "data.php", // 后端數據接口
method: "POST",
dataType: "json", // 返回的數據類型
success: function(data) {
// 成功返回數據后，更新表格內容
var tableBody = $("#student-table tbody");
tableBody.empty(); // 清空表格內容
for (var i = 0; i< data.length; i++) {
var row = "" +
"" + data[i].name + "" +
"" + data[i].score + "" +
"";
tableBody.append(row); // 添加行到表格
}
},
error: function() {
// 處理錯誤情況
}
});

上述代碼通過Ajax發送請求到后端的數據接口，并指定了請求的類型和數據類型。當成功返回數據后，使用JavaScript動態更新表格的內容。首先通過選擇器獲取到表格的tbody元素，并清空其內容。然后遍歷返回的數據，構造每一行的HTML代碼，并將其添加到表格中。

這樣，當后端的數據發生變化時，我們只需要更新表格的指定內容，而無需刷新整個頁面。這樣不僅提升了用戶體驗，還節省了網絡資源和服務器的開銷。

實際場景中，我們可能還會遇到需要實時更新數據的情況。比如，我們有一個在線聊天室，需要實時顯示新消息。使用Ajax技術，可以輕松實現這個功能。

setInterval(function() {
$.ajax({
url: "getNewMessages.php", // 后端獲取新消息的接口
method: "GET",
dataType: "json", 
success: function(data) {
// 成功獲取新消息后，更新聊天界面
var chatWindow = $("#chat-window");
for (var i = 0; i< data.length; i++) {
chatWindow.append("
" + data[i].content + "
");
}
},
error: function() {
// 處理錯誤情況
}
});
}, 3000); // 每3秒鐘發送一次請求

上述代碼通過setInterval函數定時執行Ajax請求，每3秒鐘從后端獲取新的消息數據。當成功獲取數據后，通過選擇器獲取到聊天界面的元素，并動態添加新的消息內容。

總之，Ajax技術通過實現異步請求，可以在不刷新頁面的情況下，更新指定的部分內容，提升用戶體驗和網頁性能。在表格刷新和實時更新數據等場景中，都可以應用Ajax技術來實現。