AJAX（Asynchronous JavaScript and XML）可以讓網(wǎng)頁實現(xiàn)異步數(shù)據(jù)訪問，在不重新加載整個頁面的情況下，局部地更新網(wǎng)頁數(shù)據(jù)。這種方式可以極大地提高用戶體驗，使網(wǎng)頁加載更加流暢。本文將介紹如何使用AJAX技術(shù)獲取MySQL數(shù)據(jù)庫數(shù)據(jù)。

在使用AJAX獲取MySQL數(shù)據(jù)庫數(shù)據(jù)前，需要先創(chuàng)建一個服務器文件，用于處理AJAX請求。以下是服務器文件的示例代碼：

$row['id'],
'name' =>$row['name'],
'age' =>$row['age'],
);
}
header('Content-Type: application/json');
echo json_encode($data);
?>

上述代碼使用PHP連接MySQL數(shù)據(jù)庫，并從users表中獲取所有數(shù)據(jù)。將這些數(shù)據(jù)封裝到一個數(shù)組中，并以JSON格式返回。

接下來，在網(wǎng)頁中使用AJAX發(fā)送請求，獲取數(shù)據(jù)。以下是客戶端代碼示例：

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
// 處理數(shù)據(jù)
// ...
}
};
xhttp.open("GET", "server.php", true);
xhttp.send();
</script>

上述代碼使用XMLHttpRequest對象發(fā)送GET請求到服務器文件，獲取返回的JSON數(shù)據(jù)。一旦得到數(shù)據(jù)，可以通過解析JSON來使用其中的內(nèi)容。

在獲取數(shù)據(jù)后，可以根據(jù)需要對數(shù)據(jù)進行處理，例如在網(wǎng)頁上展示數(shù)據(jù)。以下是對數(shù)據(jù)進行簡單處理并展示的代碼示例：

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
for (var i = 0; i < data.length; i++) {
var id = data[i].id;
var name = data[i].name;
var age = data[i].age;
// 創(chuàng)建DOM元素展示數(shù)據(jù)
// ...
}
}
};
xhttp.open("GET", "server.php", true);
xhttp.send();
</script>

上述代碼會遍歷從服務器獲得的數(shù)據(jù)，并創(chuàng)建DOM元素展示其中的內(nèi)容。可以根據(jù)需要進行適當?shù)腢I設(shè)計和展示樣式修改。