在 web 開發中，Ajax（Asynchronous JavaScript and XML）是一種常用的技術，用于在不刷新整個網頁的情況下，與服務器進行異步通信。使用 Ajax，我們可以實現動態更新頁面內容，提升用戶體驗。而在實際的開發過程中，并不只有一次需要發送單個 JSON 數據的需求，有時候我們需要一次性發送多條 JSON 數據給服務器。在本文中，我們將介紹如何使用 Ajax 發送多條 JSON 數據，并通過實例來說明其用法。 結論 使用 Ajax 發送多條 JSON 數據時，我們需要先將多個 JSON 數據對象組合成一個數組，并使用 JSON.stringify() 方法將其轉化為字符串。然后，我們通過 Ajax 的 POST 請求將這個字符串發送給服務器端。服務器端接收到這個字符串后，可以通過解析字符串獲得每條 JSON 數據，并進行相應的處理。 在下面的示例中，我們假設有一個待辦事項列表的應用程序。我們需要一次性發送多條待辦事項的 JSON 數據給服務器端保存。具體的實現過程如下： 第一步：組合 JSON 數據 我們首先需要組合多個待辦事項的 JSON 數據。假設我們有三條待辦事項，每個事項包含一個 id 屬性和一個 content 屬性。我們可以創建一個數組來存放這三個待辦事項的 JSON 對象，并使用 JSON.stringify() 將其轉化為字符串。 ```javascript var todos = [ { id: 1, content: '完成任務一' }, { id: 2, content: '完成任務二' }, { id: 3, content: '完成任務三' } ]; var jsonData = JSON.stringify(todos); ``` 第二步：發送 JSON 數據 接下來，我們使用 Ajax 的 POST 請求將上述組合好的 JSON 數據字符串發送給服務器端。假設服務器端的 URL 是 `/api/todos`，使用 jQuery 的 $.ajax() 方法來發送 POST 請求。 ```javascript $.ajax({ url: '/api/todos', type: 'POST', data: jsonData, contentType: 'application/json', success: function(response) { console.log('數據發送成功'); // 根據服務器端返回的響應，進行相應的處理 }, error: function(xhr, status, error) { console.log('數據發送失敗'); // 處理發送失敗的情況 } }); ``` 第三步：服務器端處理 服務器端接收到發送的數據后，可以通過相應的方式進行解析，獲取每條待辦事項的 JSON 數據，并進行保存或其他相應的操作。 ```javascript // 偽代碼，這里假設使用 Node.js 和 Express 框架進行服務器端處理 app.post('/api/todos', function(req, res) { var jsonData = req.body; // 獲取 POST 請求的數據 // 解析 JSON 數據，獲取每條待辦事項的 JSON 對象 var todos = JSON.parse(jsonData); // 進行相應的處理，例如保存到數據庫 todos.forEach(function(todo) { // 進行保存操作或其他相應的操作 console.log('保存待辦事項：', todo.content); }); // 返回響應，可以是成功或失敗的消息等 res.send('保存成功'); }); ``` 通過上述實例，我們可以了解到，在發送多條 JSON 數據時，我們需要將它們組合成一個數組并轉化為字符串，然后通過 Ajax 的 POST 請求發送給服務器端。而服務器端接收到數據后，可以通過解析字符串來獲取每條 JSON 數據，并進行相應的處理。 總結 本文介紹了如何使用 Ajax 發送多條 JSON 數據的方法，并通過實例來說明其用法。在實際的開發工作中，我們可能會遇到一次性發送多個 JSON 數據的需求。通過將多個 JSON 對象組合成一個數組并轉化為字符串，然后使用 Ajax 的 POST 請求發送給服務器，我們可以在應用程序中實現這一功能。希望本文對你了解和掌握發送多條 JSON 數據的方法有所幫助。