AJAX是一種通過JavaScript在不重新加載整個(gè)頁面的情況下向服務(wù)器發(fā)送請求和接收響應(yīng)的技術(shù)。使用AJAX連接MySQL數(shù)據(jù)庫，可以實(shí)現(xiàn)動態(tài)更新數(shù)據(jù)的目的。以下是一個(gè)簡單的示例：

<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "getdata.php", true);
xhttp.send();
}
</script>
<button onclick="loadDoc()">Click me</button>
<p id="demo"></p>

在上面的代碼中，我們定義了一個(gè)loadDoc()函數(shù)，用于向服務(wù)器發(fā)送請求并在響應(yīng)中獲取數(shù)據(jù)。該函數(shù)使用XMLHttpRequest對象創(chuàng)建一個(gè)HTTP請求，并指定響應(yīng)處理函數(shù)。當(dāng)服務(wù)器響應(yīng)時(shí)，該函數(shù)將響應(yīng)文本插入到HTML元素中。

該示例中的getdata.php文件是一個(gè)服務(wù)端腳本，用于從MySQL數(shù)據(jù)庫中檢索數(shù)據(jù)。以下是getdata.php的代碼：

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 創(chuàng)建連接
$conn = new mysqli($servername, $username, $password, $dbname);
// 檢測連接
if ($conn->connect_error) {
die("連接失敗: " . $conn->connect_error);
} 
$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 輸出每行數(shù)據(jù)
while($row = $result->fetch_assoc()) {
echo "<br> id: ". $row["id"]. " - Name: ". $row["firstname"]. " " . $row["lastname"];
}
} else {
echo "0 結(jié)果";
}
$conn->close();
?>

在getdata.php文件中，我們首先創(chuàng)建一個(gè)MySQL連接，并檢測連接是否成功。然后，我們使用SELECT語句從MyGuests表中檢索數(shù)據(jù)，將結(jié)果存儲在$result中。接著，我們使用循環(huán)迭代$result并輸出每一行的數(shù)據(jù)。

通過將這兩個(gè)文件結(jié)合在一起，我們可以實(shí)現(xiàn)使用AJAX從MySQL數(shù)據(jù)庫中檢索數(shù)據(jù)，并在網(wǎng)頁中動態(tài)更新顯示。