在現代web開發中，ajax技術起到了至關重要的作用。ajax的全稱是Asynchronous JavaScript And XML（異步JavaScript和XML），它通過在后臺與服務器進行數據交換，實現異步更新網頁的技術。而MySQL作為世界上最流行的關系型數據庫管理系統，也被廣泛應用于web開發中。本文將介紹如何使用ajax技術查詢MySQL數據庫，并通過舉例進行詳細說明。

假設有一個電商網站，需要根據用戶輸入的關鍵字實時搜索商品信息，并將搜索結果實時顯示在網頁上。在傳統的方式中，用戶輸入關鍵字后，需要將請求提交到服務器，服務器進行數據庫查詢并返回結果，然后將結果渲染到網頁上。這個過程需要不斷的刷新頁面，用戶體驗較差。而使用ajax技術，可以實現無刷新查詢，并實時更新搜索結果。

<script type="text/javascript">function searchProduct(keyword) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 處理響應結果
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析服務器返回的JSON數據
var response = JSON.parse(xhr.responseText);
// 更新網頁上的搜索結果
var resultContainer = document.getElementById("result-container");
resultContainer.innerHTML = "";
for (var i = 0; i < response.length; i++) {
var product = response[i];
var productElement = document.createElement("div");
productElement.innerHTML = product.name;
resultContainer.appendChild(productElement);
}
}
};
// 發送請求
xhr.open("GET", "search.php?keyword=" + keyword, true);
xhr.send();
}
</script>

在上述代碼中，我們首先創建了一個XMLHttpRequest對象，用于發送異步請求。然后通過設置onreadystatechange事件處理函數，當請求狀態改變時會觸發該函數。當readyState為4（請求已完成）且status為200（請求成功）時，表示服務器返回了要查詢的結果。

我們通過JSON.parse函數解析服務器返回的JSON數據，并將搜索結果更新到網頁上的result-container容器中。這里使用了DOM操作，每個搜索結果都被創建為一個div元素，并將其添加為result-container的子元素。最終，我們可以通過調用searchProduct函數，并傳入用戶輸入的關鍵字，實現實時搜索并更新搜索結果。

除了實時搜索功能，ajax技術還可以用于分頁查詢、過濾和排序等功能。例如，我們通過ajax技術實現了一個商品分類頁面，用戶可以選擇不同的分類進行商品篩選。當用戶選擇了某個分類后，使用ajax技術將選擇的分類發送到服務器，并根據分類信息查詢數據庫，返回符合條件的商品列表，并實時更新網頁上的結果。

<script type="text/javascript">function filterProducts(category) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var resultContainer = document.getElementById("result-container");
resultContainer.innerHTML = "";
for (var i = 0; i < response.length; i++) {
var product = response[i];
var productElement = document.createElement("div");
productElement.innerHTML = product.name;
resultContainer.appendChild(productElement);
}
}
};
xhr.open("GET", "filter.php?category=" + category, true);
xhr.send();
}
</script>

以上代碼片段展示了如何使用ajax技術進行商品分類過濾。當用戶選擇了某個分類后，ajax技術將選中的分類信息發送到服務器上的filter.php頁面，然后進行數據庫查詢，并返回符合條件的商品列表。最終，我們將商品列表更新到網頁的result-container容器中，實現了商品分類過濾的功能。

總之，ajax技術為web開發帶來了許多便利和良好的用戶體驗。通過ajax和MySQL的結合，我們可以實現實時搜索、分頁查詢、過濾和排序等功能。希望本文的內容能對你理解和應用ajax技術查詢MySQL數據庫有所幫助。