AJAX（Asynchronous JavaScript and XML）是一種通過在后臺與服務器進行少量數據交換，實現網頁局部更新的技術，可以實現網頁的異步查詢和動態顯示數據庫內容。其中，前端使用JavaScript通過XMLHttpRequest對象與后端服務器進行數據交互，后端服務器返回XML、JSON等數據格式，再由前端JavaScript進行DOM操作實現網頁的局部更新。這種技術在當前的Web開發中得到了廣泛應用，可以極大地提高用戶體驗和頁面的加載效率。

假設我們有一個電商網站，用戶可以根據不同的分類瀏覽商品。傳統的網頁設計中，在用戶選擇不同的分類時，需要刷新整個頁面才能顯示相應的商品列表。但通過使用AJAX技術，我們可以使用戶選擇不同分類時，只刷新商品列表這一部分，而整個頁面的其它部分保持不變，大大提高了用戶的瀏覽效率。

function getProductsByCategory(categoryId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var productList = document.getElementById("productList");
productList.innerHTML = "";
response.forEach(function(product) {
var productItem = document.createElement("div");
// 渲染商品信息
productItem.innerHTML = "" +
"<h3>" + product.name + "</h3>" +
"<p>" + product.description + "</p>";
productList.appendChild(productItem);
});
}
};
xhr.open("GET", "getProductsByCategory.php?categoryId=" + categoryId, true);
xhr.send();
}

以上代碼演示了通過Ajax異步查詢并動態顯示數據庫內容的過程。當用戶選擇某個分類時，JavaScript中的getProductsByCategory函數會被調用，傳遞用戶選擇的分類ID作為參數。JavaScript通過XMLHttpRequest對象發送一個GET請求到后臺服務器，并使用查詢字符串將用戶選擇的分類ID傳遞給后臺。

后臺服務器接收到請求后，首先根據傳遞的分類ID從數據庫中查詢對應的商品信息。然后將查詢到的商品信息轉換成JSON格式的字符串作為響應返回給前端JavaScript。前端JavaScript在接收到后臺響應后，解析JSON格式的字符串，獲取商品信息，并將其渲染到網頁中。

通過這種方式，用戶在選擇不同分類時，只需點擊一次，就可以快速地獲取到對應分類的商品信息，而不需要整個頁面的刷新和重新加載。

總之，使用AJAX異步查詢動態顯示數據庫，可以極大地提高網頁的用戶體驗和加載速度。通過局部刷新的方式，可以讓用戶在不刷新整個頁面的情況下，獲取到最新的數據。這種技術的應用范圍廣泛，例如在線聊天應用、搜索框自動補全、無限滾動加載等等都可以通過AJAX技術實現。