AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個網頁的情況下獲取并更新數據的技術。通過使用AJAX，我們可以向服務器發送請求并獲得JSON（JavaScript Object Notation）格式的數據，然后使用這些數據更新網頁的特定部分。本文將介紹如何使用AJAX傳遞參數請求JSON數據，并提供一些示例說明。

首先，讓我們考慮一個簡單的示例。假設我們正在開發一個電影評分網站，我們想要根據用戶的選擇來獲取相關電影的評分數據。我們可以使用AJAX來動態獲取這些數據，并將其顯示在頁面上，而不需要刷新整個頁面。

要使用AJAX傳遞參數請求JSON數據，我們可以使用JavaScript編寫以下代碼：

const xhr = new XMLHttpRequest();
const movieId = "12345";
const url = `https://example.com/movies?movie_id=${movieId}`;
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 使用獲取的JSON數據更新頁面
}
};
xhr.open("GET", url, true);
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，用于向服務器發送請求。然后，我們定義了一個movieId變量，該變量存儲要獲取評分的電影的ID。接下來，我們構建了一個包含movieId參數的URL，用于向服務器發送請求。請注意，我們使用反引號（`）和${}語法將變量movieId插入到URL字符串中。然后，我們定義了一個回調函數，該函數在服務器返回響應時被調用。我們檢查XHR請求的狀態（readyState）是否為4（表示請求已完成），并檢查HTTP響應的狀態碼（status）是否為200（表示請求成功）。如果兩個條件都滿足，我們將使用JSON.parse方法解析響應文本，將其轉換為JavaScript對象。最后，我們可以使用獲取的JSON數據來更新網頁上的特定部分。

除了簡單的GET請求之外，我們還可以通過AJAX進行POST請求，以便將參數作為請求的一部分發送到服務器。以下是一個示例：

const xhr = new XMLHttpRequest();
const formData = new FormData();
formData.append("username", "johnsmith");
formData.append("password", "secretpassword");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 處理服務器響應
}
};
xhr.open("POST", "https://example.com/login", true);
xhr.send(formData);

在上面的代碼中，我們首先創建了一個FormData對象，用于存儲我們要發送的參數。然后，我們使用append方法向FormData對象添加參數。接下來，我們使用XMLHttpRequest進行與上述GET請求類似的操作，但是我們使用open方法指定請求方法為POST，并將FormData對象作為參數傳遞給send方法。在服務器端，我們可以通過讀取POST請求的參數來獲取數據，并返回JSON格式的響應。返回的響應可以通過JSON.parse方法解析，并在網頁上進行處理。

綜上所述，使用AJAX傳遞參數請求JSON數據可以實現動態獲取并更新網頁上的數據，而不需要刷新整個頁面。通過舉例展示了GET和POST請求的過程，希望讀者能夠理解并掌握使用AJAX傳遞參數請求JSON數據的方法，并在實際項目中靈活應用。