AJAX（Asynchronous JavaScript and XML）是一種用于創建快速動態網頁的技術。它允許網頁通過異步請求與服務器進行通信，并動態更新頁面內容，而無需刷新整個頁面。在實際開發中，我們常常需要使用AJAX來引用后端的Java方法。本文將介紹如何通過AJAX來引用Java方法，并通過舉例說明其使用。

在Web開發中，常常需要調用后端Java方法來獲取數據或進行處理。通過AJAX，我們可以在不刷新頁面的情況下，通過異步請求調用后端的Java方法。這為網站的交互性和實時性提供了很大的便利。

我們以一個簡單的示例來說明如何使用AJAX引用Java方法。假設我們有一個網站，需要根據用戶輸入的關鍵詞實時搜索匹配的商品。我們可以編寫一個Java方法來從數據庫中查詢匹配的商品，并返回搜索結果。在前端，我們可以通過AJAX來調用這個Java方法，并將查詢結果顯示在頁面上。

首先，我們需要在前端編寫一個JS函數來調用后端的Java方法。下面是一個示例：

function searchProduct(keyword) {
$.ajax({
url: "searchProduct",
method: "GET",
data: { keyword: keyword },
success: function(response) {
// 處理查詢結果
displayResults(response);
}
});
}

在這個示例中，我們使用了jQuery的ajax方法。通過傳入的參數，我們指定了后端Java方法的URL、請求方法和數據（關鍵詞）。在請求成功后，我們可以通過success回調函數來處理查詢結果，例如調用displayResults函數來顯示搜索結果。

接下來，我們需要在后端編寫一個Java方法來處理這個搜索請求，并返回查詢結果。下面是一個示例：

@RequestMapping(value = "/searchProduct", method = RequestMethod.GET)
@ResponseBody
public List<Product> searchProduct(@RequestParam("keyword") String keyword) {
// 查詢匹配的商品
List<Product> results = productService.search(keyword);
return results;
}

在這個示例中，我們使用了Spring MVC框架中的@RequestMapping注解來標識這個Java方法可以被前端的AJAX請求訪問。通過@RequestParam注解，我們可以獲取前端傳遞的關鍵詞參數。在方法內部，我們調用了一個名為search的方法來進行數據庫查詢，并將查詢結果以List的形式返回。

最后，我們需要在前端的頁面上調用這個JS函數來進行搜索。下面是一個示例：

<input type="text" id="keyword" />
<button onclick="searchProduct($('#keyword').val())">搜索</button>
<div id="results"></div>
<script>
function displayResults(results) {
// 清空之前的搜索結果
$('#results').empty();
// 顯示搜索結果
for (var i = 0; i < results.length; i++) {
var product = results[i];
$('#results').append('<div>' + product.name + '</div>');
}
}
</script>

在這個示例中，我們創建了一個輸入框和一個按鈕供用戶輸入關鍵詞，并在按鈕點擊時調用searchProduct函數進行搜索。搜索結果會以