Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上進行異步數據交互的技術。在實際應用中，經常需要傳輸多條數據。本文將介紹如何使用Ajax傳輸多條數據，并通過舉例和代碼示例進行說明。 在實際開發中，我們經常需要通過Ajax傳輸多條數據。假設我們需要通過Ajax發送一個包含多個用戶信息的表單，其中包括用戶的姓名、年齡、性別等。我們可以使用JavaScript的FormData對象來構造多條數據的表單，然后使用Ajax將數據發送給服務器。 示例代碼如下：

var formData = new FormData();
formData.append('name1', 'John');
formData.append('age1', 30);
formData.append('gender1', 'male');
formData.append('name2', 'Emily');
formData.append('age2', 25);
formData.append('gender2', 'female');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'save-data.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);

在上面的示例中，我們使用FormData對象來構造表單數據，并使用append()方法將每條數據的鍵值對添加到表單中。然后，我們通過XMLHttpRequest對象的open()方法指定請求的類型和URL，并使用send()方法將FormData對象發送給服務器。服務器端可以根據表單數據進行相應的處理，如保存到數據庫、進行驗證等。 除了FormData對象之外，我們還可以使用JSON格式來傳輸多條數據。假設我們需要傳輸一個包含多個用戶信息的JSON數組。 示例代碼如下：

var users = [
{ name: 'John', age: 30, gender: 'male' },
{ name: 'Emily', age: 25, gender: 'female' }
];
var xhr = new XMLHttpRequest();
xhr.open('POST', 'save-data.php', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(users));

在上面的示例中，我們首先定義了一個包含兩個用戶信息的JSON數組。然后，我們使用XMLHttpRequest對象將JSON數組發送給服務器。在發送請求之前，我們通過setRequestHeader()方法設置請求頭的Content-Type為application/json，以指定請求的數據類型為JSON。服務器端可以通過解析JSON數據來進行相應的處理。 通過上述示例，我們可以看到通過Ajax傳輸多條數據并不復雜。只需要根據數據的格式，選擇合適的方法進行數據的構造和發送。無論是使用FormData對象還是JSON格式，Ajax都可以方便地傳輸多條數據，并且可以靈活地應用于各種實際開發場景中。