AJAX（Asynchronous JavaScript and XML）是一種在網頁中與服務器進行異步通信的技術，它能夠在不刷新整個頁面的情況下，動態加載并更新頁面的部分內容。借助AJAX，我們可以實現動態獲取input的值的功能，使用戶能夠實時更新并提交表單數據。下面將通過舉例說明，在不刷新頁面的情況下，如何使用AJAX來獲取input的值。

首先，我們準備一個簡單的HTML頁面，其中包含一個input元素和一個按鈕，用于獲取input的值。HTML代碼如下：

<input type="text" id="inputValue">
<button onclick="getValue()">獲取值</button>

接下來，我們使用JavaScript來編寫AJAX請求，獲取input的值。具體的實現思路是，當點擊按鈕時，調用一個JavaScript函數，該函數通過AJAX發送一個HTTP請求到服務器，并附帶input元素的值。服務器端收到請求后，返回一個響應，其中攜帶input元素的值。最后，我們使用JavaScript將響應中的值更新到頁面上的某個元素中。

下面是完整的JavaScript代碼：

function getValue() {
var inputValue = document.getElementById("inputValue").value;  // 獲取input元素的值
// 創建一個XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
// 定義回調函數，用于處理響應
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = xmlhttp.responseText;  // 獲取響應的內容
document.getElementById("outputValue").innerHTML = response;  // 更新頁面中的某個元素
}
}
// 發送HTTP請求
xmlhttp.open("GET", "server.php?inputValue=" + inputValue, true);
xmlhttp.send();
}

在上述代碼中，我們首先使用getElementById()方法獲取input元素的值，并賦給變量inputValue。接下來，我們創建一個XMLHttpRequest對象，并定義一個回調函數onreadystatechange。在回調函數中，我們首先判斷響應的狀態是否為4（即請求已完成），并且狀態碼是否為200（即請求成功）。如果滿足條件，我們使用responseText屬性獲取響應的內容，并將其更新到頁面中的某個元素。

以上代碼中的server.php是一個服務器端的腳本，負責接收并處理HTTP請求，并返回響應。下面是一個簡單的示例：server.php：

$inputValue = $_GET["inputValue"];  // 獲取GET請求中的參數inputValue
// 處理邏輯（此處省略）
echo $inputValue;  // 返回input元素的值作為響應

在上述腳本中，我們使用$_GET["inputValue"]獲取GET請求中的參數inputValue，并賦給變量$inputValue。然后我們可以根據業務邏輯對$inputValue進行處理，最后使用echo語句將$inputValue作為響應發送給客戶端。

通過以上的示例，我們可以看到，通過AJAX可以實現動態獲取input的值。當用戶點擊按鈕時，無須刷新整個頁面，就能夠獲取并處理input元素的值，并將處理結果更新到頁面上特定的元素中。這種實時獲取和更新數據的方式，對于構建交互性強、用戶體驗良好的web應用非常有價值。