現在的網頁應用普遍采用了Ajax技術，實現了無需刷新頁面即可實時更新內容的功能。其中，搜索框的搜索功能也可以通過Ajax來實現。當用戶在搜索框中輸入關鍵字時，傳遞給服務器的請求會在后臺進行處理，然后將搜索結果返回給前端，最終在頁面上顯示出來。這樣一來，用戶就可以在不離開當前頁面的情況下找到自己想要的信息，提高了用戶體驗。下面我們將通過一個例子來演示如何使用Ajax實現搜索框的搜索功能。

假設我們有一個商品列表頁面，用戶可以在其中進行商品搜索。當用戶在搜索框中輸入關鍵字后，頁面不會刷新，而是通過Ajax技術將搜索關鍵字發送給服務器處理。服務器在接收到請求后，會根據關鍵字從數據庫中查詢商品信息，并將查詢結果以JSON格式返回給前端頁面。前端頁面接收到服務器返回的JSON數據后，將其解析并展示在頁面上。

首先，我們需要在HTML中定義一個搜索框和一個用于展示搜索結果的div。搜索框的HTML代碼如下：

<input type="text" id="search" placeholder="請輸入關鍵字">
<button onclick="search();">搜索</button>

在這段HTML代碼中，我們定義了一個輸入框（id為"search"）和一個按鈕，按鈕用于觸發搜索事件。用戶在輸入框中輸入關鍵字后，點擊按鈕將會觸發名為"search"的JavaScript函數。

接下來，我們需要在JavaScript中編寫名為"search"的函數。這個函數將獲取用戶在搜索框中輸入的關鍵字，并通過Ajax發送給服務器，如下所示：

function search() {
var keyword = document.getElementById("search").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "/search?keyword=" + keyword, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
var response = JSON.parse(xhr.responseText);
showResults(response);
}
};
xhr.send();
}

在這段代碼中，我們使用XMLHttpRequest對象創建一個GET請求，將關鍵字作為參數傳遞給服務器的/search路由。服務器會根據這個關鍵字從數據庫中查詢商品信息，并將查詢結果以JSON格式返回給前端。

在前端頁面中，我們需要編寫一個名為"showResults"的函數來展示搜索結果。這個函數接收服務器返回的JSON數據作為參數，并將其解析展示在頁面上，如下所示：

function showResults(response) {
var resultsDiv = document.getElementById("results");
resultsDiv.innerHTML = "";
for (var i = 0; i< response.length; i++) {
var result = document.createElement("div");
result.innerHTML = response[i].name + " - " + response[i].price;
resultsDiv.appendChild(result);
}
}

這段代碼中，我們首先獲取用于展示搜索結果的div（id為"results"），然后遍歷服務器返回的JSON數據，為每一個搜索結果創建一個div元素，并將其添加到結果展示的div中。在這個例子中，假設服務器返回的JSON數據包含商品的名稱和價格，我們通過字符串拼接的方式將它們展示在頁面上。

最后，我們需要在服務器端編寫處理搜索請求的代碼。在服務器端，我們可以使用任何編程語言來處理Ajax請求。例如，如果我們使用Node.js和Express框架，我們可以這樣編寫路由來處理搜索請求：

app.get("/search", (req, res) =>{
var keyword = req.query.keyword;
// 查詢數據庫并返回結果
});

在這個例子中，我們通過req.query.keyword獲取到搜索關鍵字，然后可以使用這個關鍵字來查詢數據庫，并將查詢結果以JSON格式返回給前端頁面。

通過以上步驟，我們就實現了使用Ajax實現搜索框搜索功能的功能。用戶在搜索框中輸入關鍵字后，頁面會實時展示出與關鍵字相關的搜索結果，用戶體驗得到了提升。