Ajax（Asynchronous JavaScript and XML）是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)，它可以在不刷新整個(gè)頁(yè)面的情況下與服務(wù)器進(jìn)行通信。通過(guò)使用Ajax，用戶可以在不離開(kāi)當(dāng)前頁(yè)面的情況下從后臺(tái)接收到數(shù)據(jù)，并將其實(shí)時(shí)顯示在頁(yè)面上。本文將介紹如何使用Ajax接收后臺(tái)返回的數(shù)據(jù)，并提供一些使用示例。

為了說(shuō)明如何使用Ajax接收后臺(tái)返回的數(shù)據(jù)，我們以一個(gè)簡(jiǎn)單的示例進(jìn)行講解。假設(shè)我們正在開(kāi)發(fā)一個(gè)電商網(wǎng)站，每當(dāng)用戶點(diǎn)擊“加入購(gòu)物車(chē)”按鈕時(shí)，我們需要將用戶選擇的商品信息發(fā)送給后臺(tái)，并接收后臺(tái)返回的購(gòu)物車(chē)內(nèi)商品總數(shù)。通過(guò)使用Ajax，我們可以實(shí)現(xiàn)在不刷新頁(yè)面的情況下實(shí)時(shí)更新購(gòu)物車(chē)數(shù)量。

// HTML代碼
<div id="cart">購(gòu)物車(chē)數(shù)量：loading...</div>
<button onclick="addToCart()">加入購(gòu)物車(chē)</button>
// JavaScript代碼
function addToCart() {
var product = { name: "iPhone 12", price: 5999 };  // 用戶選擇的商品信息
// 創(chuàng)建Ajax對(duì)象
var xhr = new XMLHttpRequest();
// 監(jiān)聽(tīng)Ajax事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);  // 解析后臺(tái)返回的JSON數(shù)據(jù)
document.getElementById("cart").innerHTML = "購(gòu)物車(chē)數(shù)量：" + response.cartCount;
}
};
// 發(fā)送Ajax請(qǐng)求
xhr.open("POST", "/addToCart", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(product));
}

在上面的例子中，我們首先編寫(xiě)了一個(gè)用于顯示購(gòu)物車(chē)數(shù)量的