AJAX是一種用于在頁面上異步加載數據的技術，它可以幫助我們實時獲取文本框輸入的值。當用戶在輸入框中輸入內容時，我們可以使用AJAX技術將輸入的值發送到服務器，然后服務器對這些值進行處理，并將處理結果返回給頁面。通過這種方式，我們可以在不刷新整個頁面的情況下獲取到用戶輸入的值，從而實現更加優化和流暢的用戶體驗。

假設我們有一個簡單的頁面，其中有一個文本框用于輸入姓名，并有一個按鈕用于觸發發送姓名到服務器的操作。當用戶在文本框中輸入完畢后，點擊按鈕，頁面使用AJAX技術將輸入的姓名發送到服務器，并將服務器返回的結果顯示在頁面上。

<input type="text" id="name" />
<button onclick="sendName()">提交</button>
<script>
function sendName() {
var name = document.getElementById("name").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
alert("服務器返回的結果是：" + response);
}
};
xhr.open("POST", "server.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("name=" + name);
}
</script>

在上面的代碼中，我們首先通過getElementById方法獲取了文本框的值，然后創建了一個XMLHttpRequest對象。通過onreadystatechange事件監聽器，我們可以在服務器返回結果后進行處理。當readyState為4且HTTP狀態碼為200時，表示服務器返回結果成功，我們可以通過responseText屬性獲取到服務器返回的結果。在這個例子中，我們使用alert方法將結果顯示在一個彈出框中，你也可以根據實際需求將結果嵌入頁面中的其他元素中。

除了通過XMLHttpRequest對象發送數據到服務器外，我們還可以使用jQuery庫來簡化AJAX操作的代碼。jQuery提供了一個名為$.ajax的方法可以方便地發送異步HTTP請求，同時支持多種數據格式的處理。

<input type="text" id="name" />
<button onclick="sendName()">提交</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function sendName() {
var name = $("#name").val();
$.ajax({
url: "server.php",
type: "POST",
data: { name: name },
success: function(response) {
alert("服務器返回的結果是：" + response);
}
});
}
</script>

在這個例子中，我們首先引入了jQuery庫，并使用了$()函數來獲取文本框的值。然后，我們調用$.ajax方法發送異步請求。通過指定url、type和data參數，我們可以實現與上面的純JavaScript代碼相同的功能。在success回調函數中，我們同樣通過alert方法顯示服務器返回的結果。

通過使用AJAX技術獲取文本框輸入的值，我們可以實現實時的數據交互和更好的用戶體驗。上面的例子只是AJAX的一個入門示例，你可以根據實際項目需求進行更復雜的操作。希望這篇文章對你理解AJAX獲取文本框輸入的值有所幫助。