AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上實現異步通信的技術。JSON（JavaScript Object Notation）是一種用于存儲和傳輸數據的輕量級格式。通過使用AJAX和JSON，我們可以實現更加高效和靈活的搜索功能。

舉個例子，假設我們有一個電商網站，用戶可以在搜索框中輸入關鍵字來搜索產品。在傳統的方式下，當用戶輸入關鍵字后，整個網頁都會重新加載，這樣會給用戶帶來不便，同時也會增加服務器的負載。然而，使用AJAX和JSON，我們可以實現實時搜索功能，只有搜索框的內容會發生變化。

<input type="text" id="search-input">
<div id="search-results"></div>
<script>
var searchInput = document.getElementById('search-input');
var searchResults = document.getElementById('search-results');
searchInput.addEventListener('input', function() {
var keyword = searchInput.value;
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
var products = JSON.parse(request.responseText);
displayResults(products);
}
};
request.open('GET', '/search?keyword=' + keyword, true);
request.send();
});
function displayResults(products) {
searchResults.innerHTML = '';
for (var i = 0; i< products.length; i++) {
var product = products[i];
var productDiv = document.createElement('div');
productDiv.innerHTML = product.name;
searchResults.appendChild(productDiv);
}
}
</script>

在上面的例子中，我們首先獲取到搜索框的輸入和顯示搜索結果的div元素。然后，我們給搜索框添加了一個input事件監聽器。每當輸入框中有內容輸入時，就會觸發該事件處理函數。

在事件處理函數中，我們首先獲取到輸入框的關鍵字。然后，創建了一個新的XMLHttpRequest對象，并給其添加了一個狀態改變的監聽函數。當請求成功返回時，我們獲取到服務器端返回的JSON數據，并調用displayResults函數將搜索結果顯示在頁面上。

最后，我們通過displayResults函數來動態地更新搜索結果的顯示。首先，清空之前的搜索結果。然后，使用for循環遍歷每一個產品，并將其創建為一個新的div元素，并追加到搜索結果的div中。

通過這種方式，我們實現了一個實時搜索功能，當用戶在搜索框中輸入關鍵字時，只有搜索結果會實時更新，并且不會重新加載整個頁面。

總結起來，使用AJAX和JSON可以提供更加高效和靈活的搜索功能。通過實時搜索的例子，我們展示了如何利用AJAX和JSON來實現這樣的功能。AJAX和JSON的組合不僅可以減少服務器負載，還可以提升用戶體驗。