在前端開發中，經常會遇到需要將數據通過Ajax提交到數據庫后，立即刷新顯示在頁面上的情況。這種需求非常常見，比如在一個表格中新增一條記錄后，希望能夠立即刷新表格，顯示新增的記錄。

為了實現這樣的功能，可以借助Ajax來實現異步提交數據到后臺，然后通過刷新頁面或者局部刷新來更新頁面數據。

假設我們有一個包含姓名、年齡、性別的表格，可以新增記錄，輸入相關信息后點擊提交按鈕即可將數據提交到數據庫。提交成功后，需要立即刷新表格以顯示新添加的記錄。

$.ajax({
url: "submit_data.php",
type: "POST",
data: { name: "張三", age: 18, gender: "男" },
success: function(response) {
// 數據提交成功后的處理邏輯
// 刷新表格或者局部刷新等
},
error: function(xhr, status, error) {
// 數據提交失敗后的處理邏輯
console.log(error);
}
});

在這段代碼中，我們使用了jQuery的Ajax方法將數據異步提交到"submit_data.php"的后臺接口。提交成功后，會觸發success回調函數，我們可以在這個回調函數中編寫刷新表格的邏輯。

有多種方法可以實現表格的刷新，其中一種常用的方法是通過重新加載頁面來刷新整個表格。

success: function(response) {
location.reload(); // 刷新整個頁面
},

當點擊提交按鈕后，數據會被異步提交到數據庫，并且頁面會自動刷新，表格中將會立即顯示出新添加的記錄。

另一種實現方法是通過局部刷新來更新表格。這種方式可以減少頁面的重復加載，提高用戶體驗。局部刷新意味著只更新需要改變的部分，而不是整個頁面。

success: function(response) {
// 假設表格的ID為 "data_table"
$("#data_table").load("data_table.php");
},

在這個例子中，我們使用jQuery的load方法將一個包含最新數據的PHP文件加載到具有ID為"data_table"的元素中。這將會更新表格，顯示出新添加的記錄。

無論是通過刷新整個頁面還是局部刷新來更新表格，只要保證在數據提交成功后執行對應的刷新邏輯，即可實現提交到數據庫后表格的實時刷新。這樣用戶就可以立即看到他們新增的記錄，提升了用戶體驗。

綜上所述，通過Ajax提交到數據庫后刷新表格是一種非常常見的需求，可以通過重新加載頁面或者局部刷新來實現。具體選擇哪種方式取決于項目的要求和實際情況。無論選擇哪種方式，都需要保證在數據提交成功后執行刷新邏輯。