Ajax 提交同名數組是一種常見的前端開發技術，它允許我們通過一次請求，將同名的表單元素值以數組形式提交到服務器端。這在處理多選框、多個復選框或動態添加表單元素時非常有用。本文將介紹如何使用 Ajax 來提交同名數組，并給出具體的示例。

在很多情況下，我們都會遇到需要將多個同名的表單元素值提交到服務器的情況。例如，假設我們有一個多選框組，用戶可以選擇多個選項，并點擊提交按鈕將選中的選項傳給服務器端進行處理。

傳統的方式是使用循環來處理這些表單元素，并將它們的值逐一傳遞給服務器。然而，這種方式在代碼量和服務器端的處理邏輯上都不太方便。而通過 Ajax 提交同名數組，則能夠簡化代碼，并使得服務器端的處理更加高效。

在使用 Ajax 提交同名數組時，我們需要給每個表單元素添加相同的名稱，以告知瀏覽器這些元素是屬于同一組。例如，在 HTML 中，我們可以使用以下代碼創建一個多選框組：

<form id="myForm">
<input type="checkbox" name="fruit[]" value="apple">蘋果
<input type="checkbox" name="fruit[]" value="banana">香蕉
<input type="checkbox" name="fruit[]" value="orange">橙子
<input type="checkbox" name="fruit[]" value="grape">葡萄
<button onclick="submitForm()">提交</button>
</form>

在上述示例中，給多選框的名稱都添加了`[]`，表示它們是同名數組。這樣，在提交表單時，瀏覽器會將選中的多個值作為數組傳遞給服務器端。

下面是一個使用 jQuery 的 Ajax 來提交同名數組的示例代碼：

function submitForm() {
var formElement = document.getElementById("myForm");
var formData = new FormData(formElement);
$.ajax({
url: "submit.php",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {
alert("提交成功！");
},
error: function(xhr, status, error) {
alert("提交失?。? + error);
}
});
}

在上述示例中，我們首先通過`document.getElementById`獲取表單元素，然后使用`FormData`來獲取表單的數據。接著，使用 Ajax 的`$.ajax`方法來發送 POST 請求，并將 FormData 對象作為請求的數據。

在服務器端，我們可以使用后端語言（例如 PHP）來處理提交的同名數組。例如，在 PHP 中，可以通過以下代碼來獲取同名數組的值：

$fruits = $_POST['fruit'];
foreach ($fruits as $fruit) {
echo $fruit . "<br>";
}

在上述示例中，我們使用`$_POST`來獲取表單數據，并通過 foreach 循環遍歷同名數組的值，然后將每個值輸出到頁面上。

使用 Ajax 提交同名數組，可以大大簡化代碼，并提高服務器端的處理效率。無論是處理多選框、多個復選框還是動態添加表單元素，都可以通過這種方式來實現。希望本文的示例能夠幫助你更好地理解和使用 Ajax 提交同名數組。請注意，實際使用時需要根據具體的業務需求進行適當的修改和調整。