AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上創建交互式應用程序的技術。在本文中，我們將探討如何使用AJAX實現按照編號查詢數據庫的功能。以一個商品管理系統為例，我們希望用戶能夠通過輸入商品編號來獲取該商品的詳細信息。

為了實現這個功能，我們需要使用AJAX發送一個GET請求到后端服務器，并傳遞商品編號作為參數。后端服務器收到請求后，將在數據庫中查詢該商品的信息，并將結果返回給前端。前端收到響應后，將顯示該商品的詳細信息。

<script>
function searchProduct() {
// 獲取用戶輸入的商品編號
var productId = document.getElementById("product_id").value;
// 創建一個新的AJAX請求對象
var xhr = new XMLHttpRequest();
// 設置請求的方法、URL和異步標志
xhr.open("GET", "/search?product_id=" + productId, true);
// 注冊請求完成時的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析響應數據
var response = JSON.parse(xhr.responseText);
// 顯示商品詳細信息
document.getElementById("product_name").innerHTML = response.name;
document.getElementById("product_price").innerHTML = response.price;
document.getElementById("product_description").innerHTML = response.description;
}
};
// 發送請求
xhr.send();
}
</script>

以上是一個簡單的JavaScript函數，其中在輸入框中獲取用戶輸入的商品編號，并創建一個新的AJAX請求對象。然后，我們調用xhr.open()方法來設置請求的方法、URL和異步標志。在這個例子中，我們將請求方法設置為GET，并以"/search?product_id=" + productId的形式構建請求URL，其中productId為用戶輸入的商品編號。

接下來，我們通過注冊xhr.onreadystatechange函數來監聽請求完成的事件。當readyState為4（請求已完成）且status為200（請求成功）時，我們解析響應數據，并將商品的詳細信息顯示在對應的HTML元素中。

最后，我們調用xhr.send()方法來發送請求。當用戶在輸入框中輸入商品編號并點擊“查詢”按鈕時，該函數將被調用，并使用AJAX向后端發送查詢請求。后端服務器將根據商品編號在數據庫中查詢相關信息，并將查詢結果返回給前端。前端收到響應后，將更新頁面上顯示的商品詳細信息。

通過以上的代碼和說明，我們可以看出，使用AJAX實現按照編號查詢數據庫的功能非常簡單。AJAX的異步特性使得用戶可以在頁面上實時查詢并獲取數據庫中的數據，大大提高了用戶體驗。在實際應用中，我們可以根據具體需求，對AJAX進行定制和擴展，實現更多功能。