在現代的web開發中，AJAX（Asynchronous JavaScript and XML）是不可或缺的技術之一。AJAX允許網頁在不用刷新整個頁面的情況下，異步地從服務器獲取數據，從而提升用戶體驗。而在AJAX進行網絡請求時，往往需要傳遞參數給后臺，JSON（JavaScript Object Notation）作為一種輕量級的數據交換格式，被廣泛應用于AJAX中。本文將介紹如何使用AJAX向后臺傳遞JSON數據，并通過舉例說明其應用場景和使用方法。

假設我們正在開發一款在線購物網站，需要實現用戶在評論商品時的實時提示功能。當用戶在評論輸入框中輸入關鍵詞時，我們希望能夠及時向服務器發送請求，并獲取與關鍵詞相關的評論內容。這時，我們可以使用AJAX來異步發送請求，同時使用JSON來傳遞用戶輸入的關鍵詞。

var keyword = document.getElementById("comment_input").value; // 獲取用戶輸入的關鍵詞
var requestData = { keyword: keyword }; // 構造JSON數據
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/search_comments", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText); // 解析JSON響應
// 更新評論列表
updateCommentList(response.comments);
}
};
xhr.send(JSON.stringify(requestData)); // 發送JSON請求

在上述代碼中，首先我們從評論輸入框中獲取用戶輸入的關鍵詞，然后使用JavaScript對象構造一個包含關鍵詞的JSON對象。接著，使用XMLHttpRequest對象進行POST請求，設置請求頭的Content-Type為application/json，以明確告知服務器發送的是JSON數據。當服務器響應完成后，我們使用JSON.parse方法將響應的JSON數據解析為JavaScript對象，從中提取出評論內容，并調用相關函數來更新評論列表。

除了傳遞簡單的關鍵詞之外，我們還可以使用JSON來傳遞更復雜的數據。例如，當用戶提交訂單時，我們需要將所選擇的商品和對應的數量傳遞給服務器。此時，我們可以使用一個包含商品ID和數量的JSON數組來傳遞數據。

var orderItems = [
{ productId: "1001", quantity: 2 },
{ productId: "1002", quantity: 1 },
{ productId: "1003", quantity: 3 }
];
var requestData = { items: orderItems };
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/submit_order", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 顯示訂單確認信息
showOrderConfirmation(response.orderId);
}
};
xhr.send(JSON.stringify(requestData));

在上述代碼中，我們使用一個包含三個商品和對應數量的JSON數組來模擬用戶選擇的商品。然后，我們將這個JSON數組放入一個對象中，并使用XMLHttpRequest對象進行POST請求，以傳遞給后臺。類似地，當服務器響應完成后，我們可以使用JSON.parse方法將響應的JSON數據解析為JavaScript對象，并調用相關函數來顯示訂單確認信息。

總結來說，AJAX和JSON的結合為我們提供了一種便捷的方式來向后臺傳遞數據。通過使用AJAX發送異步請求，我們可以在不刷新整個頁面的情況下與后臺進行數據交互，而JSON作為一種輕量級的數據格式，可以方便地序列化和解析復雜的數據結構。無論是傳輸簡單的關鍵詞還是更復雜的數據，AJAX傳遞JSON都是一種高效和靈活的選擇。