AJAX（Asynchronous JavaScript and XML）是一種用于實(shí)現(xiàn)異步數(shù)據(jù)交換的技術(shù)，它可以通過在不重新加載整個(gè)頁面的情況下，實(shí)時(shí)地從數(shù)據(jù)庫中獲取數(shù)據(jù)并將其顯示在頁面上。這種實(shí)時(shí)查詢數(shù)據(jù)庫顯示的功能在很多網(wǎng)站上都可以看到，比如在線商城的商品搜索功能、社交媒體的實(shí)時(shí)消息更新等。通過使用AJAX，可以大大提升用戶體驗(yàn)，讓網(wǎng)站更加動(dòng)態(tài)且具有實(shí)時(shí)性。

舉例來說，假設(shè)我們有一個(gè)電影搜索網(wǎng)站，用戶可以在搜索框中輸入關(guān)鍵字來查找電影。通過AJAX實(shí)現(xiàn)的實(shí)時(shí)查詢數(shù)據(jù)庫顯示功能，用戶只需要輸入關(guān)鍵字的一部分，就可以實(shí)時(shí)地從數(shù)據(jù)庫中獲取匹配的電影，并將其顯示在網(wǎng)頁上。這樣，用戶無需等待頁面加載完成，就能看到與輸入關(guān)鍵字相匹配的電影信息，極大地提高了搜索效率。

要實(shí)現(xiàn)這個(gè)功能，我們首先需要編寫一個(gè)JavaScript函數(shù)來處理AJAX請求。比如，我們可以編寫一個(gè)名為searchMovies的函數(shù)，其中包含AJAX請求的代碼。在搜索框中輸入關(guān)鍵字過程中，每次按下鍵盤上的一個(gè)字母，searchMovies函數(shù)就會(huì)被調(diào)用，從而發(fā)起AJAX請求。請求發(fā)送到服務(wù)器后，服務(wù)器將根據(jù)輸入的關(guān)鍵字查詢數(shù)據(jù)庫，并返回匹配的電影信息。searchMovies函數(shù)接收到服務(wù)器響應(yīng)后，將返回的數(shù)據(jù)解析處理，并將結(jié)果顯示在網(wǎng)頁上。

function searchMovies(keyword) {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'search.php?keyword=' + keyword, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var movies = JSON.parse(xhr.responseText);
// 處理返回的電影數(shù)據(jù)，并將結(jié)果顯示在網(wǎng)頁上
// ...
}
};
xhr.send();
}

在上述代碼中，首先創(chuàng)建了一個(gè)XMLHttpRequest對象xhr，然后使用open方法指定了請求的方式（GET），以及請求的URL（search.php?keyword=關(guān)鍵字）。隨后，通過設(shè)置onreadystatechange事件處理程序來處理服務(wù)器響應(yīng)。當(dāng)readyState的值為4，status的值為200時(shí)，即請求成功，我們將返回的電影數(shù)據(jù)解析為一個(gè)JavaScript對象，并進(jìn)行后續(xù)的處理和顯示。

為了在網(wǎng)頁上顯示返回的電影數(shù)據(jù)，我們需要將其轉(zhuǎn)換為HTML格式。舉例來說，我們可以使用一個(gè)

元素，將每個(gè)電影的名稱作為列表項(xiàng)顯示在網(wǎng)頁上：

function showMovies(movies) {
var ul = document.createElement('ul');
for (var i = 0; i< movies.length; i++) {
var li = document.createElement('li');
li.innerText = movies[i].name;
ul.appendChild(li);
}
document.getElementById('result').appendChild(ul);
}

在上述代碼中，我們首先創(chuàng)建了一個(gè)

元素，并使用for循環(huán)遍歷返回的電影數(shù)據(jù)。通過創(chuàng)建
• 元素，并將電影的名稱賦值給其innerText屬性，我們將每個(gè)電影的名稱作為列表項(xiàng)，添加到
  元素中。最后，通過使用document.getElementById方法獲取到頁面上的一個(gè)id為result的元素，并將
  元素添加為該元素的子元素，從而將結(jié)果顯示在網(wǎng)頁上。

  通過結(jié)合AJAX技術(shù)和數(shù)據(jù)庫查詢，我們可以實(shí)現(xiàn)實(shí)時(shí)查詢數(shù)據(jù)庫顯示功能。用戶在輸入關(guān)鍵字的同時(shí)，網(wǎng)頁將實(shí)時(shí)地從數(shù)據(jù)庫中獲取匹配的結(jié)果，并將其顯示在頁面上。這種實(shí)時(shí)查詢數(shù)據(jù)庫顯示功能不僅提高了用戶的體驗(yàn)，還可以極大地提高網(wǎng)站的交互性和實(shí)用性。