AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式和動態網頁的技術，它能夠在不刷新整個頁面的情況下向服務器發送請求并獲取響應。在Web開發中，我們經常需要通過AJAX獲取用戶在頁面中輸入的值。本文將介紹如何使用AJAX獲取input框的值，并通過舉例來說明。

在HTML中，我們通常使用標簽來創建表單輸入框，例如一個文本輸入框：

<input type="text" id="myInput">

首先，我們需要通過JavaScript獲取到這個標簽的引用：

var input = document.getElementById("myInput");

然后，我們可以使用input對象的value屬性來獲取輸入框的值，例如：

var inputValue = input.value;

現在，我們已經成功獲取到了輸入框中的值。接下來，我們可以利用AJAX將這個值發送給服務器，以實現我們想要的功能。舉個例子，假設我們有一個簡單的搜索功能，用戶在輸入框中輸入關鍵字后點擊搜索按鈕，我們希望通過AJAX將這個關鍵字發送給服務器，并在頁面上顯示搜索結果。

<input type="text" id="keyword">
<button onclick="search()">搜索</button>
<div id="results"></div>
<script>
function search() {
var keywordInput = document.getElementById("keyword");
var keyword = keywordInput.value;
var url = "http://example.com/search?keyword=" + keyword;
// 創建一個新的AJAX請求對象
var xhttp = new XMLHttpRequest();
// 設置請求方式和URL
xhttp.open("GET", url, true);
// 注冊回調函數，處理服務器響應
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 將服務器返回的結果顯示在頁面上
document.getElementById("results").innerHTML = this.responseText;
}
};
// 發送請求
xhttp.send();
}
</script>

在上面的例子中，我們首先獲取了輸入框中的關鍵字，并將其拼接到URL中。然后，我們創建了一個XMLHttpRequest對象，并通過open()方法設置了請求的方式和URL。接著，我們注冊了一個回調函數，當服務器返回響應時會自動調用該函數。在回調函數中，我們將服務器返回的結果賦值給id為"results"的