AJAX（Asynchronous JavaScript and XML）是一種用于在后臺向服務(wù)器發(fā)送請求并接收響應(yīng)的技術(shù)。在Web開發(fā)中，AJAX常常被用于實(shí)現(xiàn)頁面的無刷新更新，從而提高用戶體驗(yàn)。而在處理AJAX請求時，服務(wù)器端常常使用Servlet來接收請求并返回響應(yīng)。而使用JSON（JavaScript Object Notation）作為數(shù)據(jù)格式具有簡潔、靈活、易解析的特點(diǎn)，因此，本文將介紹如何使用AJAX向Servlet傳送JSON數(shù)據(jù)。

假設(shè)我們有一個電商網(wǎng)站，需要實(shí)現(xiàn)一個購物車功能。當(dāng)用戶點(diǎn)擊“添加到購物車”按鈕時，我們希望通過AJAX將商品信息發(fā)送到后臺，并更新購物車的數(shù)據(jù)。我們可以通過以下步驟來實(shí)現(xiàn)：

首先，在HTML頁面中，我們需要編寫一個function，當(dāng)用戶點(diǎn)擊“添加到購物車”按鈕時，調(diào)用該函數(shù)，將商品信息封裝成JSON格式的數(shù)據(jù)，并通過AJAX發(fā)送給Servlet：

function addToCart(product) {
var cartItem = {
productId: product.id,
productName: product.name,
price: product.price,
quantity: 1
};
var jsonData = JSON.stringify(cartItem);
var xhr = new XMLHttpRequest();
xhr.open("POST", "CartServlet", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 處理返回的響應(yīng)數(shù)據(jù)
}
};
xhr.send(jsonData);
}

以上代碼中，首先，我們創(chuàng)建了一個JavaScript對象cartItem，該對象包含了商品的id、名稱、價格和數(shù)量等信息。隨后，我們使用JSON.stringify()方法將cartItem對象轉(zhuǎn)換成JSON格式的字符串jsonData。

接下來，我們通過XMLHttpRequest對象創(chuàng)建了一個AJAX請求，使用open()方法指定請求的方法、URL（Servlet的URL）和是否異步。我們還通過setRequestHeader()方法設(shè)置了請求頭，將Content-type設(shè)置為"application/json"，以告訴Servlet我們發(fā)送的數(shù)據(jù)是JSON格式的。然后，使用send()方法將jsonData發(fā)送給Servlet。

在Servlet端，我們需要解析接收到的JSON數(shù)據(jù)，并進(jìn)行相應(yīng)的處理。以下是一個簡單的示例：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
BufferedReader reader = request.getReader();
StringBuilder sb = new StringBuilder();
String line;
while ((line = reader.readLine()) != null) {
sb.append(line);
}
String jsonData = sb.toString();
// 解析JSON數(shù)據(jù)
JSONObject jsonObject = new JSONObject(jsonData);
int productId = jsonObject.getInt("productId");
String productName = jsonObject.getString("productName");
double price = jsonObject.getDouble("price");
int quantity = jsonObject.getInt("quantity");
// TODO: 根據(jù)需要進(jìn)行相應(yīng)的處理
// 返回響應(yīng)數(shù)據(jù)（可選）
PrintWriter writer = response.getWriter();
writer.write("Success");
writer.flush();
}

在Servlet中，我們首先通過request.getReader()方法獲取請求體的字符流，然后逐行讀取并拼接成一個完整的字符串jsonData。隨后，使用JSON對象對jsonData進(jìn)行解析，獲得我們需要的數(shù)據(jù)。在本例中，我們通過getInt()、getString()和getDouble()等方法獲取到商品的id、名稱、價格和數(shù)量等信息。然后，我們可以根據(jù)需要進(jìn)行相應(yīng)的處理。

最后，我們可以通過PrintWriter對象將響應(yīng)數(shù)據(jù)返回給前端。在本例中，我們返回了一個簡單的字符串"Success"。

總結(jié)而言，通過AJAX向Servlet傳送JSON數(shù)據(jù)可以實(shí)現(xiàn)前后端的數(shù)據(jù)交互。通過封裝JSON數(shù)據(jù)并使用XMLHttpRequest對象發(fā)送請求，我們可以將數(shù)據(jù)傳送到后臺，并在Servlet端進(jìn)行解析和處理。這種方式能夠節(jié)省帶寬并提高頁面的響應(yīng)速度。無論是傳送單個的數(shù)據(jù)還是數(shù)組、對象等復(fù)雜的數(shù)據(jù)結(jié)構(gòu)，都可以方便地使用JSON進(jìn)行傳輸。

希望本文能夠?qū)δ憷斫釧JAX與Servlet之間傳送JSON數(shù)據(jù)的過程有所幫助。