AJAX是一種常用的網(wǎng)頁開發(fā)技術(shù)，它可以在不刷新整個(gè)頁面的情況下，向后臺(tái)發(fā)送請(qǐng)求并獲取數(shù)據(jù)，為用戶提供更好的體驗(yàn)。在本文中，我們將討論如何使用AJAX發(fā)送JSON數(shù)組到后臺(tái)，以實(shí)現(xiàn)數(shù)據(jù)的傳輸和處理。

假設(shè)我們有一個(gè)購(gòu)物網(wǎng)站，用戶可以在網(wǎng)站上選擇多個(gè)商品，然后將這些商品加入購(gòu)物車。當(dāng)用戶點(diǎn)擊結(jié)算時(shí)，我們希望將用戶選中的商品發(fā)送到后臺(tái)進(jìn)行處理，以便生成訂單和計(jì)算總價(jià)。這里，我們可以使用AJAX發(fā)送一個(gè)包含用戶選中商品信息的JSON數(shù)組到后臺(tái)，后臺(tái)根據(jù)數(shù)組中的數(shù)據(jù)進(jìn)行相應(yīng)的處理。

<script>
// 假設(shè)我們有一個(gè)包含用戶選中商品信息的數(shù)組
var selectedItems = [
{
"name": "iPhone 12",
"price": 6999
},
{
"name": "AirPods Pro",
"price": 1699
},
{
"name": "Apple Watch Series 6",
"price": 3999
}
];
// 使用AJAX發(fā)送JSON數(shù)組到后臺(tái)
// 創(chuàng)建XMLHttpRequest對(duì)象
var xhr = new XMLHttpRequest();
// 設(shè)置請(qǐng)求方法和URL
xhr.open('POST', '/order/create', true);
// 設(shè)置請(qǐng)求頭部信息
xhr.setRequestHeader('Content-Type', 'application/json');
// 發(fā)送請(qǐng)求并傳遞JSON數(shù)組
xhr.send(JSON.stringify(selectedItems));
</script>

在上面的代碼中，我們首先定義了一個(gè)包含用戶選中商品信息的JSON數(shù)組，每個(gè)商品包含名稱(name)和價(jià)格(price)兩個(gè)屬性。然后，我們使用AJAX發(fā)送這個(gè)數(shù)組到后臺(tái)的`/order/create`接口。我們通過創(chuàng)建XMLHttpRequest對(duì)象，設(shè)置請(qǐng)求方法為POST，URL為`/order/create`，使用`setRequestHeader`方法設(shè)置請(qǐng)求頭部信息為`application/json`，最后使用`send`方法發(fā)送請(qǐng)求并傳遞序列化后的JSON數(shù)組。接下來，我們將探討在后臺(tái)如何處理這個(gè)JSON數(shù)組。

在后臺(tái)代碼中，我們可以使用相應(yīng)的后端框架或技術(shù)來處理接收到的JSON數(shù)組。以Node.js為例，我們可以使用Express框架來進(jìn)行示范。

const express = require('express');
const app = express();
app.post('/order/create', (req, res) => {
// 接收J(rèn)SON數(shù)組
const selectedItems = req.body;
// 對(duì)數(shù)組進(jìn)行處理
// ...
// 返回處理結(jié)果
res.json({ message: '訂單創(chuàng)建成功' });
});
app.listen(3000, () => {
console.log('服務(wù)器已啟動(dòng)');
});

在上述的后臺(tái)代碼中，我們使用Express框架創(chuàng)建了一個(gè)POST路由`/order/create`，處理接收到的請(qǐng)求。通過`req.body`可以獲得請(qǐng)求中的JSON數(shù)組，我們可以對(duì)這個(gè)數(shù)組進(jìn)行相應(yīng)的處理。在這里，我們可以根據(jù)數(shù)組中的數(shù)據(jù)生成訂單、計(jì)算總價(jià)等等操作。最后，我們使用`res.json`方法返回一個(gè)包含消息的JSON對(duì)象，告訴客戶端訂單創(chuàng)建成功。

通過上面的示例，希望讀者對(duì)如何使用AJAX發(fā)送JSON數(shù)組到后臺(tái)有了初步的了解。實(shí)際情況下，我們可以根據(jù)具體需求對(duì)AJAX請(qǐng)求和后臺(tái)處理進(jìn)行更多的定制和擴(kuò)展。AJAX發(fā)送JSON數(shù)組到后臺(tái)是一個(gè)常見的應(yīng)用場(chǎng)景，它使得我們可以更方便地傳遞和處理多個(gè)數(shù)據(jù)項(xiàng)。在實(shí)際開發(fā)中，我們可以根據(jù)自己的需求進(jìn)行相應(yīng)的調(diào)整和優(yōu)化。