Ajax 是一種用于在網頁中實現無刷新加載數據的技術，而 JSON 是一種數據交換格式。通過結合使用 Ajax 和 JSON，我們可以方便地傳遞參數并獲取返回結果。本文將介紹如何使用 Ajax 和 JSON 實現傳遞參數的過程，并通過舉例說明其應用。同時，我們還將演示如何在前端 JavaScript 中使用 JSON.stringify 和 JSON.parse 來處理 JSON 數據。通過本文，讀者將能夠了解使用 Ajax 和 JSON 實現參數傳遞的基本原理，并能夠靈活運用于實際開發中。

假設我們有一個在線商城網站，需要根據用戶選擇的商品類別來動態加載相應的商品列表。這個功能可以通過 Ajax 和 JSON 來實現，具體的步驟如下：

var category = "電腦";
var data = {
category: category
};
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/get_products", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var result = JSON.parse(xhr.responseText);
// 處理返回的結果
}
};
xhr.send(JSON.stringify(data));

上述代碼中，我們首先定義了一個變量 category，并指定其值為 "電腦"。然后，我們創建了一個名為 data 的對象，將 category 屬性設置為 category 變量的值。接下來，我們創建了一個 XMLHttpRequest 對象，并通過 open 方法指定了 POST 請求的 URL。然后，我們通過 setRequestHeader 方法設置了請求頭的 Content-Type 為 "application/json"，表明請求的數據將以 JSON 格式發送。之后，我們通過 onreadystatechange 事件處理函數設置了當請求狀態變為 XMLHttpRequest.DONE 并且狀態碼為 200 時執行的邏輯。

最后，我們通過 send 方法發送請求，并將 data 對象通過 JSON.stringify 方法轉換成 JSON 格式的字符串發送。當服務器接收到請求后，通過解析請求體中的數據，可以獲取到傳遞的參數。

例如，服務器端代碼可能如下所示：

app.post("/api/get_products", function(req, res) {
var category = req.body.category;
// 根據 category 獲取相應的商品列表
var products = getProductListByCategory(category);
res.json(products);
});

上述代碼中，我們假設使用的是 Node.js 框架 Express，通過 app.post 方法定義了一個處理 POST 請求的路由。當接收到來自前端的 /api/get_products 的請求時，我們通過 req.body.category 獲取到傳遞的參數，并根據參數獲取對應的商品列表。然后，我們通過 res.json 方法將商品列表以 JSON 格式返回給前端。

通過上述例子，我們可以看到，通過 Ajax 和 JSON 來傳遞參數非常簡單和靈活。我們可以根據實際的業務需求，通過修改參數和服務器端代碼來實現不同的功能，例如根據不同的用戶輸入來獲取不同的數據等。

除了上述例子中的 POST 請求方式外，我們還可以使用 GET 方式傳遞參數。例如：

var category = "手機";
var url = "/api/get_products?category=" + encodeURIComponent(category);
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var result = JSON.parse(xhr.responseText);
// 處理返回的結果
}
};
xhr.send();

上述代碼中，我們首先定義了一個變量 category，并指定其值為 "手機"。然后，我們通過 encodeURIComponent 方法將 category 變量的值編碼并拼接到 URL 的查詢參數中。接下來，創建了一個 XMLHttpRequest 對象，并通過 open 方法指定了 GET 請求的 URL。然后，我們通過 setRequestHeader 方法設置了請求頭的 Content-Type 為 "application/json"，雖然 GET 請求不會將數據放在請求體中，但為了保持一致性，我們仍然設置了該請求頭。之后，我們通過 onreadystatechange 事件處理函數設置了當請求狀態變為 XMLHttpRequest.DONE 并且狀態碼為 200 時執行的邏輯。

最后，我們通過 send 方法發送請求，由于是 GET 請求，所以不需要傳遞參數，因此 send 方法為空。當服務器接收到請求后，通過解析 URL 的查詢參數，可以獲取到傳遞的參數，并根據參數返回相應的結果。

通過上述例子，我們可以看到，不論是使用 POST 還是 GET 請求，通過 Ajax 和 JSON 來傳遞參數都是非常簡單和直觀的。我們只需根據實際的需求選擇合適的請求方式，并在前端和后端代碼中進行相應的處理，即可實現靈活的參數傳遞和數據交互。