在網站開發中，常常需要從MySQL數據庫中獲取數據并展現在頁面上。傳統的方法是通過刷新整個頁面來更新表格中的數據，這種方式不僅效率低下，還會降低用戶體驗。而使用Ajax技術能夠在不刷新整個頁面的情況下更新數據，提高用戶體驗。

為了使用Ajax更新數據，我們需要先編寫一個處理請求的PHP文件，該文件從數據庫中獲取數據，然后將數據以JSON格式返回給JavaScript處理。以下是一個示例的PHP文件：

上面的PHP文件獲取了名為“mydatabase”中名為“mytable”的表中的所有數據，并將其以JSON格式返回。下面是一個獲取JSON數據的JavaScript代碼：

// 發起請求
var xhr = new XMLHttpRequest();
xhr.open("GET", "getdata.php", true);
xhr.onload = function() {
// 解析JSON數據
var data = JSON.parse(this.responseText);
// 更新表格中的數據
var table = document.getElementById("mytable");
table.innerHTML = "";
for (var i = 0; i< data.length; i++) {
var row = table.insertRow(i);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = data[i].id;
cell2.innerHTML = data[i].name;
cell3.innerHTML = data[i].age;
}
};
xhr.send();

上面的JavaScript代碼通過XMLHttpRequest對象發起了一個GET請求，從getdata.php文件中獲取JSON數據并解析。然后通過innerHTML屬性更新表格中的數據。

實現了上述代碼后，在前端頁面調用JavaScript即可實時更新表格數據，大大提升用戶使用體驗。