本文將介紹如何使用Ajax提交input的值，并給出一些實際示例來加深理解。Ajax是一種用于在不刷新整個頁面的情況下與服務器進行交互的技術。假設我們有一個包含輸入框和提交按鈕的表單，在用戶輸入后，我們希望將輸入的值發送給服務器進行處理，并獲取處理結果進行顯示。下面就來看看具體的實現過程。

首先，在HTML中，我們需要定義一個輸入框和一個提交按鈕：

<input type="text" id="inputValue" placeholder="請輸入內容">
<button id="submitButton">提交</button>

接下來，在JavaScript中，我們通過使用事件監聽器來捕獲用戶的點擊事件，并獲取輸入框中的值：

let submitButton = document.getElementById("submitButton");
submitButton.addEventListener("click", function() {
let inputValue = document.getElementById("inputValue").value;
// TODO: 發送Ajax請求，提交inputValue的值給服務器進行處理
});

在上面的代碼中，我們使用addEventListener方法添加了一個點擊事件監聽器。當用戶點擊提交按鈕時，事件監聽器中的回調函數會被觸發。在回調函數中，我們通過getElementById方法獲取到輸入框的值，并將其賦給inputValue變量。

接下來，我們需要使用Ajax來提交inputValue的值給服務器進行處理。一種常見的方式是使用XMLHttpRequest對象來發送ajax請求：

let xhr = new XMLHttpRequest();
let url = "https://example.com/submit";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// TODO: 獲取處理結果并進行顯示
}
};
xhr.send(JSON.stringify({ value: inputValue }));

在上述代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定請求的方法（POST）和URL。我們還可以使用setRequestHeader方法設置請求頭，其中"Content-Type"指定了我們發送的數據的格式。接下來，我們通過onreadystatechange事件監聽器來獲取服務器的響應結果。當readyState等于4且status等于200時，表示請求成功，我們可以通過responseText屬性獲取到服務器返回的處理結果。最后，我們使用send方法發送ajax請求，其中我們需要將inputValue的值通過JSON.stringify方法進行序列化后發送。

以上就是使用Ajax提交input的值的完整過程。接下來，我們通過一個實際的例子來加深理解。

假設我們有一個注冊頁面，用戶需要填寫郵箱和密碼。在用戶輸入完成后，我們想要將這些值發送給服務器進行注冊，并在返回結果后進行相應的提示。

首先，我們來看一下HTML部分：

<input type="email" id="email" placeholder="請輸入郵箱">
<input type="password" id="password" placeholder="請輸入密碼">
<button id="registerButton">注冊</button>
<div id="message"></div>

在JavaScript中，我們對注冊按鈕添加點擊事件監聽器，并獲取輸入框中的值：

let registerButton = document.getElementById("registerButton");
registerButton.addEventListener("click", function() {
let email = document.getElementById("email").value;
let password = document.getElementById("password").value;
// TODO: 發送Ajax請求，提交email和password的值給服務器進行注冊
});

在回調函數中，我們使用兩個getElementById方法獲取到郵箱和密碼的值，并分別賦給email和password變量。

接下來，我們使用Ajax來提交這些值給服務器進行注冊：

let xhr = new XMLHttpRequest();
let url = "https://example.com/register";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let message = document.getElementById("message");
message.innerHTML = "注冊成功！";
}
};
xhr.send(JSON.stringify({ email: email, password: password }));

在以上代碼中，我們使用了JSON.stringify方法將email和password的值序列化后發送給服務器。在服務器端進行處理后，我們可以通過onreadystatechange事件監聽器中的回調函數來獲取處理結果。當注冊成功時，我們將"注冊成功！"的提示顯示在頁面上。

通過以上示例，我們可以看到使用Ajax提交input的值相對簡單，同時也能提供更好的用戶體驗。無需刷新整個頁面，即可實現數據的提交和返回結果的顯示。