Ajax，全稱為Asynchronous JavaScript and XML（異步 JavaScript 和 XML），是一種在Web頁面上進行異步通信的技術。它允許在不重新加載整個頁面的情況下，從服務器獲取數據并將其顯示在頁面上。將Ajax與MVC（Model-View-Controller，模型-視圖-控制器）結合使用，可以實現動態(tài)搜索數據庫的功能。

假設我們有一個電商網站，用戶可以在搜索框中輸入商品名稱，然后通過Ajax請求將匹配的商品信息從數據庫中檢索出來，并在頁面上顯示。在此示例中，我們將使用Ajax和MVC來實現這一功能。

首先，我們需要定義一個搜索頁面的HTML布局。在搜索框旁邊放置一個按鈕，當用戶點擊按鈕時，將觸發(fā)Ajax請求。頁面代碼如下：

<form id="searchForm">
<input type="text" id="searchInput" name="searchInput" placeholder="請輸入商品名稱">
<button type="button" id="searchButton">搜索</button>
</form>
<div id="searchResults"></div>

接下來，我們需要編寫JavaScript代碼來處理Ajax請求和響應。我們使用jQuery來簡化代碼，并在頁面加載完成后綁定按鈕的點擊事件。點擊按鈕時，將獲取搜索框中的值，并向服務器發(fā)送Ajax請求。當收到響應時，將動態(tài)更新頁面上的搜索結果。代碼如下：

$(document).ready(function() {
$('#searchButton').click(function() {
var searchInput = $('#searchInput').val();
$.ajax({
url: '/search',
method: 'GET',
data: { keyword: searchInput },
success: function(response) {
$('#searchResults').html(response);
}
});
});
});

在上面的代碼中，我們使用了jQuery的ajax方法來發(fā)送GET請求。我們將搜索框中的值作為請求參數發(fā)送到服務器，并定義success回調函數來處理響應。在這個例子中，我們假設服務器將返回一個HTML片段，包含所有匹配的商品信息。

最后，我們需要在服務器端實現MVC架構來處理Ajax請求和搜索數據庫。我們使用一個簡單的PHP示例來說明。在服務器端，我們首先需要處理Ajax請求，并提取搜索關鍵字。代碼如下：

if(isset($_GET['keyword'])) {
$keyword = $_GET['keyword'];
// 在數據庫中搜索匹配的商品信息
$results = searchProducts($keyword);
// 返回HTML片段
echo renderSearchResults($results);
}

在上面的代碼中，我們假設存在名為searchProducts和renderSearchResults的函數來執(zhí)行數據庫搜索和HTML渲染操作。在函數searchProducts中，我們使用關鍵字來查詢數據庫，并返回匹配的結果。函數renderSearchResults將結果數組轉換為HTML片段，以便我們可以在Ajax回調函數中使用。

綜上所述，通過結合Ajax和MVC，我們能夠以異步方式搜索數據庫并在Web頁面上動態(tài)顯示結果。這種方法在許多Web應用程序中都得到了廣泛應用，為用戶提供了更好的用戶體驗。