AJAX是一種在網頁中向服務器發送異步請求并更新頁面內容的技術。其中，GET是一種常用的用于從服務器獲取數據的HTTP請求方法。通過GET方式傳遞參數，可以在URL中添加查詢字符串的方式，將參數值傳遞給服務器。本文將介紹如何使用AJAX的GET方法傳參，并舉例說明其應用。
假設我們有一個網站，其中有一個搜索功能，用戶可以根據關鍵字搜索相關的文章。我們希望用戶能夠輸入關鍵字后，通過AJAX的GET方法將關鍵字傳遞給服務器，服務器根據關鍵字返回相關的文章信息。下面是一個示例的HTML代碼：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function searchArticles() {
var keyword = document.getElementById("keyword").value;
var url = "https://example.com/search?keyword=" + keyword;
$.get(url, function(data) {
// 處理返回的數據
document.getElementById("results").innerHTML = data;
});
}
</script>
</head>
<body>
<input type="text" id="keyword" placeholder="請輸入關鍵字">
<button onClick="searchArticles()">搜索</button>
<div id="results"></div>
</body>
</html>在上述示例中，我們首先在HTML中添加了一個文本輸入框和一個按鈕，用戶可以在文本輸入框中輸入關鍵字，并點擊搜索按鈕。點擊搜索按鈕后，會觸發JavaScript函數`searchArticles()`。該函數通過`getElementById`方法獲取關鍵字的值，并構建URL，將關鍵字作為查詢字符串的一部分。然后使用jQuery的`$.get`方法發送GET請求，URL為構建好的URL，并傳入一個回調函數。回調函數會在服務器返回結果時執行，我們將返回的數據設置到HTML頁面的`results`元素中。這樣做可以實現在不刷新整個頁面的情況下，異步更新頁面內容。
對于服務器端來說，可以通過解析URL中的查詢字符串，獲取GET請求的參數值。例如，在這個示例中，我們可以通過PHP的`$_GET`全局變量獲取關鍵字的值，并根據關鍵字搜索相關的文章信息。假設服務器端的PHP代碼如下：
<?php
$keyword = $_GET['keyword'];
// 根據關鍵字搜索相關的文章信息
$articles = searchArticles($keyword);
// 返回搜索結果
echo json_encode($articles);
?>服務器端的代碼會根據獲取到的關鍵字值進行相關操作，例如搜索文章信息，并將結果以JSON格式返回。前端在回調函數中可以對返回的數據進行處理，例如將返回的文章信息顯示在頁面上。
綜上所述，AJAX的GET方法通過在URL中添加查詢字符串的方式，將參數值傳遞給服務器。這種方式方便簡潔，可以在不刷新整個頁面的情況下，異步更新頁面內容。使用jQuery的`$.get`方法可以發送GET請求，回調函數可以在服務器返回結果時執行相應的操作。通過這種方式，我們可以實現各種與服務器端進行交互的功能，例如搜索、過濾、分頁等。