JQuery Ajax 在網頁開發中是一個非常重要的功能，可以讓我們在不刷新頁面的情況下實現搜索功能。下面我們將介紹如何使用 JQuery Ajax 實現搜索功能。

$(document).ready(function(){
$("#search-button").click(function(){
var query = $("#query").val();
$.ajax({
url: "search.php",
type: "GET",
data: {q: query},
success:function(result){
$("#search-results").html(result);
}
});
});
});

以上代碼中，我們首先綁定了搜索按鈕的點擊事件，并在事件處理程序中獲取了用戶輸入的查詢字符串。接著，我們使用 $.ajax 方法向服務器發送 GET 請求，并將查詢字符串作為參數傳遞。當服務器返回結果時，我們使用 success 回調函數將結果顯示在頁面上。

在服務器端，我們可以根據傳遞的查詢字符串進行搜索，并將搜索結果以 HTML 格式返回給客戶端。下面是一個示例 PHP 腳本。

$q = $_GET["q"];
// 根據查詢字符串進行搜索，$results 是一個數組
$results = search($q);
// 將搜索結果轉換為 HTML 格式
$html = "";
foreach($results as $result){
$html .= "
" . $result . "
";
}
// 返回搜索結果
echo $html;

將以上代碼保存為 search.php，并部署在服務器上。現在，我們就可以在客戶端使用 JQuery Ajax 實現搜索功能了。只需要在頁面中添加一個文本框和一個搜索按鈕，并將以上代碼復制到 JavaScript 文件中即可。