AJAX是一種用于創(chuàng)建交互式網(wǎng)頁應(yīng)用程序的技術(shù)。它可以在不刷新網(wǎng)頁的情況下，通過向服務(wù)器請求數(shù)據(jù)或更新頁面來改善用戶體驗。其中，AJAX的Get方法是常用的一種數(shù)據(jù)獲取方式，它可以向服務(wù)器發(fā)送一個HTTP GET請求，并返回一個JSON對象作為響應(yīng)。

假設(shè)我們有一個網(wǎng)站，用戶可以在搜索框中輸入關(guān)鍵字，并點擊按鈕進行搜索。我們希望在用戶輸入關(guān)鍵字的同時，向服務(wù)器發(fā)送一個AJAX GET請求，以便從服務(wù)器獲取與關(guān)鍵字相關(guān)的結(jié)果并實時顯示在頁面上。這時，我們可以使用下面的代碼來實現(xiàn)：

$.ajax({
type: "GET",
url: "/search",
data: {keyword: userInput},
dataType: "json",
success: function(response) {
// 處理響應(yīng)數(shù)據(jù)
// ...
},
error: function(xhr, status, error) {
// 處理錯誤
// ...
}
});

在上面的代碼中，我們使用了jQuery的ajax方法來發(fā)送AJAX GET請求。其中，type參數(shù)指定了請求的類型為GET，url參數(shù)指定了請求的URL為"/search"。data參數(shù)指定了請求的數(shù)據(jù)為一個JSON對象，它包含一個名為"keyword"的屬性，值為用戶輸入的關(guān)鍵字。

在服務(wù)器端，我們假設(shè)接收到這個請求后會根據(jù)關(guān)鍵字從數(shù)據(jù)庫中獲取相應(yīng)的搜索結(jié)果，并將結(jié)果以JSON格式返回給客戶端。下面是一個簡化的Node.js服務(wù)器端代碼示例：

app.get('/search', function(req, res) {
var keyword = req.query.keyword;
// 從數(shù)據(jù)庫中獲取與關(guān)鍵字相關(guān)的結(jié)果
// ...
var results = [
{title: "文章1", url: "http://example.com/article1"},
{title: "文章2", url: "http://example.com/article2"},
{title: "文章3", url: "http://example.com/article3"}
];
res.json(results);
});

在上面的代碼中，我們使用了Express框架來創(chuàng)建一個簡單的服務(wù)器，并定義了一個路由處理函數(shù)來處理AJAX GET請求。在路由處理函數(shù)中，我們從請求的查詢參數(shù)中獲取關(guān)鍵字，并使用這個關(guān)鍵字從數(shù)據(jù)庫中獲取相關(guān)的搜索結(jié)果。為了演示方便，我們在代碼中直接定義了一個簡單的搜索結(jié)果列表，并將結(jié)果以JSON格式發(fā)送給客戶端。

當客戶端收到服務(wù)器返回的JSON對象時，可以在success回調(diào)函數(shù)中處理響應(yīng)數(shù)據(jù)。例如，我們可以使用下面的代碼將搜索結(jié)果顯示在頁面上：

success: function(response) {
var resultsContainer = $("#results-container");
// 清空結(jié)果列表
resultsContainer.empty();
if (response.length >0) {
// 創(chuàng)建結(jié)果列表項并添加到列表中
response.forEach(function(result) {
var listItem = $("
");
var link = $("").attr("href", result.url).text(result.title);
listItem.append(link);
resultsContainer.append(listItem);
});
} else {
// 顯示搜索無結(jié)果的提示
resultsContainer.append("
沒有找到相關(guān)結(jié)果。
");
}
}

在上面的代碼中，我們首先找到一個用于顯示結(jié)果的容器元素，并使用empty方法清空結(jié)果列表。然后，我們遍歷服務(wù)器返回的JSON對象，創(chuàng)建結(jié)果列表項，并將其添加到列表中。如果搜索結(jié)果為空，我們可以顯示一個相應(yīng)的提示信息。

總結(jié)來說，通過AJAX的Get方法傳遞JSON對象，我們可以實現(xiàn)在用戶輸入關(guān)鍵字的同時實時進行搜索，并將搜索結(jié)果動態(tài)地顯示在頁面上。這種方法可以提高用戶體驗，使用戶能夠更方便地找到所需的信息。