在使用AJAX中發送JSON數據是非常常見的情況。有時候我們需要同時發送多個JSON對象，這時候可以通過一些方法來實現。本文將介紹如何在AJAX中發送兩個JSON對象，并通過舉例來說明其用法和實現過程。 AJAX是一種在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交換的技術。它可以實現在前端頁面上動態更新數據，而不需要刷新整個頁面。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式。因此，在AJAX中使用JSON來傳輸數據是一種常見的做法。 假設我們正在開發一個在線商店的網站，我們需要在用戶點擊“購買”按鈕時向服務器發送兩個JSON對象：一個是用戶的購買信息，包括商品名、數量和價格；另一個是用戶的個人信息，包括姓名、地址和聯系方式。我們可以使用AJAX來實現這個功能。 首先，我們需要使用JavaScript來定義這兩個JSON對象。可以使用字面量的方式來創建JSON對象，并將它們存儲在變量中。例如：

var purchaseInfo = {
"productName": "iPhone 12",
"quantity": 2,
"price": 1999
};
var userInfo = {
"name": "張三",
"address": "北京市朝陽區",
"contact": "13812345678"
};

接下來，我們需要使用AJAX的`XMLHttpRequest`對象來發送這兩個JSON對象。可以使用`JSON.stringify()`方法將JSON對象轉換為字符串，并將其作為`send()`方法的參數發送給服務器。例如：

var xhr = new XMLHttpRequest();
var url = "http://example.com/purchase";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求成功的處理邏輯
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(purchaseInfo));
xhr.send(JSON.stringify(userInfo));

在上面的代碼中，我們首先創建了一個`XMLHttpRequest`對象，并指定了發送請求的URL。然后，我們使用`open()`方法來指定請求的方式、URL和是否使用異步方式。接下來，我們使用`setRequestHeader()`方法來設置請求頭部，指定發送的是JSON格式的數據。然后，我們監聽`onreadystatechange`事件，當請求狀態為4且請求狀態碼為200時，表示請求成功，可以通過`responseText`屬性來獲取服務器返回的數據。最后，我們使用`send()`方法發送兩個JSON對象的字符串表示。 需要注意的是，我們兩次調用了`send()`方法，分別發送了兩個JSON對象。這是因為`send()`方法只能發送一次請求。如果我們想一次性將兩個JSON對象發送給服務器，可以將它們合并為一個對象，然后再調用一次`send()`方法來發送。例如：

var data = {
"purchaseInfo": purchaseInfo,
"userInfo": userInfo
};
xhr.send(JSON.stringify(data));

以上就是在AJAX中發送兩個JSON對象的簡要介紹和實現過程。通過使用`JSON.stringify()`方法將JSON對象轉換為字符串，并使用`send()`方法發送給服務器，我們可以輕松地實現這個功能。無論是發送多個JSON對象，還是發送對象合并后的JSON字符串，都需要注意設置正確的請求頭部和監聽正確的請求狀態碼來確保數據能夠成功發送并獲取服務器的響應。 希望本文的介紹可以幫助讀者更好地理解和使用AJAX中發送兩個JSON對象的方法。無論是在開發在線商店還是其他應用中，使用AJAX發送JSON數據是一種非常常見的做法。通過合理地組織和發送JSON數據，我們可以更好地與服務器進行數據交換，并實現更好的用戶體驗。