AJAX（Asynchronous JavaScript and XML）是一種在Web開發中經常使用的技術，它允許在不重新加載整個網頁的情況下，通過與服務器進行異步通信，更新部分頁面內容。在傳遞數據時，有時候我們需要傳遞二維數組。本文將介紹如何使用AJAX傳遞二維數組，并舉例說明其使用場景和步驟。
傳遞二維數組的一個常見應用是在表單提交時，將多個選項中所選的數據傳遞給服務器。例如，在一個問卷調查的表單中，用戶可以選擇多個選項，而每個選項都是一個數組，包含多個數據。在這種情況下，我們可以使用AJAX將這個二維數組傳遞給服務器進行處理。
首先，我們需要在前端將選中的選項構建成一個二維數組，并使用JSON.stringify方法將其轉換為JSON格式的字符串。例如，在一個問卷調查表單中，用戶選擇了兩個選項，分別是["選項1", "選項2"]和["選項3", "選項4"]。我們可以將這個二維數組構建如下：
var selectedOptions = [ ["選項1", "選項2"], ["選項3", "選項4"] ]; var json = JSON.stringify(selectedOptions);
接下來，我們可以使用AJAX發送這個JSON格式的字符串給服務器。在這個過程中，需要注意設置請求頭的Content-Type為"application/json"，以確保服務器能正確解析接收到的數據。例如，使用jQuery庫進行AJAX請求的代碼如下：
$.ajax({
url: "server.php",
type: "POST",
data: json,
contentType: "application/json",
success: function(response) {
// 處理服務器返回的響應
},
error: function() {
// 處理錯誤情況
}
});在服務器端，我們需要接收這個傳遞過來的二維數組。具體的操作取決于后端的開發語言和框架。以PHP為例，我們可以使用json_decode函數將接收到的JSON格式字符串轉換為PHP數組：
$json = file_get_contents("php://input");
$data = json_decode($json, true);這樣，我們就成功地將二維數組傳遞給了服務器。接下來，可以在服務器端對這個二維數組進行處理，例如將數據存入數據庫、進行進一步的計算等。
總結來說，使用AJAX傳遞二維數組的步驟包括：
- 構建選中的選項為一個二維數組
- 使用JSON.stringify將二維數組轉換為JSON格式的字符串
- 使用AJAX傳遞JSON格式的字符串給服務器，并設置請求頭的Content-Type為"application/json"
- 服務器接收傳遞過來的JSON格式字符串并解析為二維數組
通過以上步驟，我們可以方便地使用AJAX傳遞二維數組，并在服務器端進行相應的處理。