在網頁開發中，我們經常需要通過 JavaScript 獲取到用戶在表單中輸入的數據。而當網頁中有大量的 input 元素時，手動一個個獲取到每個元素的值就變得十分繁瑣和冗長。這時，可以使用 AJAX 技術來一次性獲取全部 input 的值，并進行后續的處理。

假設我們有一個包含多個表單的頁面。每個表單都包含一些 input 元素，如下所示：

<form id="form1">
<input type="text" id="name1" name="name1" value="John Doe">
<input type="email" id="email1" name="email1" value="john@example.com">
</form>
<form id="form2">
<input type="text" id="name2" name="name2" value="Jane Smith">
<input type="email" id="email2" name="email2" value="jane@example.com">
</form>

現在，我們希望使用 AJAX 獲取所有表單中 input 的值，并將其顯示在頁面上。我們可以使用 jQuery 的 AJAX 方法來實現這一功能，如下所示：

$(document).ready(function() {
$("#submitBtn").click(function() {
var inputs = [];
$("form input").each(function() {
inputs.push($(this).val());
});
$.ajax({
url: "processdata.php",
method: "POST",
data: {inputs: inputs},
success: function(response) {
$("#result").text(response);
}
});
});
});

在上面的代碼中，我們首先定義了一個空數組inputs，然后使用 jQuery 的each方法遍歷所有的form input元素，并將它們的值加入到inputs數組中。最后，我們使用 AJAX 技術將inputs數組發送給服務器端的processdata.php文件進行處理，并在成功返回后更新頁面上的某個元素(id為result的元素)。

假設服務器端的processdata.php文件如下所示：

$data = $_POST['inputs'];
$result = "";
foreach ($data as $value) {
$result .= $value . ", ";
}
echo rtrim($result, ", ");

在上面的代碼中，我們首先獲取到通過 AJAX 發送過來的inputs數組，然后使用foreach循環遍歷數組的每個元素，將其連接為一個字符串$result，并在每個元素之間添加一個逗號和一個空格。最后，我們使用echo將結果返回給客戶端。

通過以上的代碼，我們可以一次性獲取到所有 input 的值，并在頁面上顯示出來。例如，在點擊頁面上的某個按鈕時，會觸發 AJAX 請求，數據會被發送給服務器端的processdata.php文件進行處理，最后返回給客戶端的result元素上顯示類似于John Doe, john@example.com, Jane Smith, jane@example.com的結果。

使用 AJAX 技術獲取全部 input 的值，為我們處理大量表單數據帶來了極大的方便。不需要逐個獲取每個 input 的值，只需要一次性獲取全部的值，并進行后續的處理。這在需要處理大量表單數據的場景下尤為重要。

希望通過這篇文章的介紹，你對使用 AJAX 獲取全部 input 的值有了更深入的了解，并能在實際的網頁開發中靈活運用。