本文將介紹如何使用Ajax傳遞對(duì)象數(shù)組的JSON數(shù)據(jù)。在前端開發(fā)中，我們常常需要將一組相關(guān)的數(shù)據(jù)作為一個(gè)對(duì)象數(shù)組進(jìn)行傳遞。使用Ajax可以很方便地將這樣的數(shù)據(jù)發(fā)送到后端進(jìn)行處理。本文將通過舉例說明，詳細(xì)介紹如何使用Ajax傳遞對(duì)象數(shù)組的JSON數(shù)據(jù)。

假設(shè)我們正在開發(fā)一個(gè)在線商城的管理后臺(tái)，需要向后端提交一組商品信息。每個(gè)商品由名稱、價(jià)格和庫存組成，我們可以將這些商品信息保存在一個(gè)對(duì)象數(shù)組中。現(xiàn)在，我們需要使用Ajax將這個(gè)對(duì)象數(shù)組傳遞到后端進(jìn)行保存。

let products = [
{
name: "iPhone 12",
price: 6999,
stock: 100
},
{
name: "AirPods Pro",
price: 1299,
stock: 200
},
{
name: "MacBook Pro",
price: 12999,
stock: 50
}
];
$.ajax({
url: "/save-products",
method: "POST",
data: JSON.stringify(products),
contentType: "application/json",
success: function(response) {
console.log("商品信息保存成功！");
},
error: function(error) {
console.error("商品信息保存失敗：" + error);
}
});

上述代碼使用了jQuery的Ajax方法，通過POST請(qǐng)求將對(duì)象數(shù)組products以JSON字符串的形式發(fā)送到后端的/save-products路由。在發(fā)送請(qǐng)求時(shí)，需要將數(shù)據(jù)使用JSON.stringify方法轉(zhuǎn)換成字符串，并設(shè)置contentType為"application/json"，以告知后端傳遞的數(shù)據(jù)格式為JSON。

在后端接收到數(shù)據(jù)后，可以使用相應(yīng)的JSON解析庫將JSON字符串轉(zhuǎn)換為對(duì)象數(shù)組進(jìn)行處理。例如，如果我們使用Node.js作為后端開發(fā)語言，可以使用內(nèi)置的JSON對(duì)象進(jìn)行解析：

app.post("/save-products", (req, res) =>{
let products = JSON.parse(req.body);
// 對(duì)接收到的商品信息進(jìn)行處理
});

在上述代碼中，我們使用JSON.parse方法將接收到的req.body（即請(qǐng)求體）轉(zhuǎn)換成一個(gè)對(duì)象數(shù)組products。接下來，我們就可以對(duì)這個(gè)對(duì)象數(shù)組進(jìn)行處理，例如將商品信息保存到數(shù)據(jù)庫中、進(jìn)行驗(yàn)證等。

總結(jié)起來，使用Ajax傳遞對(duì)象數(shù)組的JSON數(shù)據(jù)可以方便地將一組相關(guān)的數(shù)據(jù)發(fā)送到后端進(jìn)行處理。通過將對(duì)象數(shù)組轉(zhuǎn)換成JSON字符串，并在請(qǐng)求中明確指定contentType為"application/json"，后端可以很方便地接收并解析這些數(shù)據(jù)。在實(shí)際開發(fā)中，我們可以根據(jù)具體的后端技術(shù)棧選擇相應(yīng)的JSON解析庫進(jìn)行處理。