AJAX（Asynchronous JavaScript and XML）是一種以異步方式在后臺向服務(wù)器發(fā)送和接收數(shù)據(jù)的技術(shù)。它使得我們能夠在不刷新整個頁面的情況下更新部分頁面內(nèi)容。在實際應(yīng)用中，有時需要同時傳輸多個JSON數(shù)據(jù)，并對其進(jìn)行格式化和展示。本文將介紹如何使用AJAX傳輸多個JSON數(shù)據(jù)并進(jìn)行格式化。

為了說明問題，我們假設(shè)有一個電商網(wǎng)站，我們需要從服務(wù)器上獲取用戶的購物訂單信息以及相關(guān)的產(chǎn)品信息。我們可以通過AJAX來實現(xiàn)這一功能。首先，我們需要在頁面中創(chuàng)建一個用于顯示訂單和產(chǎn)品信息的容器：

<div id="order-container"></div>

然后，我們使用AJAX進(jìn)行數(shù)據(jù)的異步傳輸，并在收到響應(yīng)后對數(shù)據(jù)進(jìn)行處理和展示：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
var orders = response.orders;
var products = response.products;
// 格式化和展示訂單信息
var orderContainer = document.getElementById("order-container");
for (var i = 0; i< orders.length; i++) {
var order = orders[i];
var orderElement = document.createElement("p");
orderElement.innerHTML = "訂單號：" + order.orderNumber + "，金額：" + order.amount;
orderContainer.appendChild(orderElement);
}
// 格式化和展示產(chǎn)品信息
for (var j = 0; j< products.length; j++) {
var product = products[j];
var productElement = document.createElement("p");
productElement.innerHTML = "產(chǎn)品名：" + product.productName + "，價格：" + product.price;
orderContainer.appendChild(productElement);
}
}
};
xmlhttp.open("GET", "get_data.php", true);
xmlhttp.send();

以上代碼中，我們通過創(chuàng)建XMLHttpRequest對象來發(fā)送GET請求以獲取數(shù)據(jù)。在服務(wù)器端，我們可以使用PHP或其他服務(wù)器端語言來從數(shù)據(jù)庫中獲取訂單和產(chǎn)品數(shù)據(jù)，將其轉(zhuǎn)換為JSON格式，并以適當(dāng)?shù)姆绞捷敵觥Ｔ诳蛻舳耍覀兪紫葘⒎?wù)器響應(yīng)的JSON字符串解析為JavaScript對象，然后遍歷訂單和產(chǎn)品數(shù)據(jù)，并使用DOM操作創(chuàng)建相應(yīng)的元素并添加到容器中，從而格式化和展示數(shù)據(jù)。

可以看出，使用AJAX傳輸多個JSON數(shù)據(jù)并進(jìn)行格式化是非常簡單和高效的。無論是獲取訂單和產(chǎn)品信息，還是其他類型的數(shù)據(jù)，我們只需要將其組織為JSON格式并發(fā)送給服務(wù)器，然后在客戶端進(jìn)行解析和展示即可。這種方式不僅能提升用戶體驗，還能減少網(wǎng)絡(luò)流量和服務(wù)器負(fù)載。

綜上所述，AJAX傳輸多個JSON數(shù)據(jù)并進(jìn)行格式化是一種非常便捷和靈活的技術(shù)。通過合理地組織和處理數(shù)據(jù)，我們可以輕松實現(xiàn)動態(tài)更新頁面內(nèi)容的功能，提升用戶體驗并減少網(wǎng)絡(luò)傳輸和服務(wù)器負(fù)載。在實際應(yīng)用中，我們可以根據(jù)具體需求對傳輸?shù)腏SON數(shù)據(jù)進(jìn)行格式化和展示，以滿足用戶的需求。