Ajax查詢MySQL是一種在網(wǎng)頁上無需重新加載整個頁面的數(shù)據(jù)交互方式。通過Ajax，可以實現(xiàn)頁面無刷新的數(shù)據(jù)更新。本文將介紹如何使用Ajax查詢MySQL數(shù)據(jù)庫。

$(document).ready(function(){
$("#search").click(function(){
var keyword = $("#keyword").val();
$.ajax({
type: "POST",
url: "search.php",
data: { keyword: keyword},
success: function(result){
$("#result").html(result);
}
});
});
});

在這個實例中，當(dāng)用戶點擊“搜索”按鈕時，JavaScript代碼將從輸入框獲取關(guān)鍵字，并使用Ajax向服務(wù)器發(fā)送POST請求。服務(wù)器上的PHP文件將接收這個請求并執(zhí)行MySQL查詢，然后將結(jié)果返回給前端。最后，前端頁面將顯示MySQL查詢結(jié)果。

$username = "root";
$password = "password";
$database = "mydatabase";
$mysqli = new mysqli("localhost", $username, $password, $database);
mysqli_set_charset($mysqli,"utf8");
if (mysqli_connect_errno()) {
echo "連接數(shù)據(jù)庫失敗.";
exit();
}
$keyword = $_POST['keyword'];
$query = "SELECT * FROM mytable WHERE name LIKE '%".$keyword."%'";
$result = $mysqli->query($query);
while ($row = $result->fetch_assoc()) {
echo "
".$row['name']."
";
}
$mysqli->close();

在服務(wù)器端，我們使用PHP代碼連接MySQL數(shù)據(jù)庫，并執(zhí)行查詢。由于Ajax使用POST請求，因此我們可以在PHP中使用$_POST數(shù)組來接收前端發(fā)送的數(shù)據(jù)。在這個實例中，PHP代碼將從POST請求中獲取關(guān)鍵字，并根據(jù)這個關(guān)鍵字執(zhí)行MySQL查詢。最后，查詢結(jié)果將使用echo語句返回給前端。