AJAX是一種前端技術，可以利用它實現頁面無刷新地從服務器獲取數據。在開發過程中，我們經常需要為輸入框賦予值。本文將介紹如何使用AJAX為輸入框賦值，通過一些具體的示例說明。

假設我們有一個輸入框，用戶需要在頁面上輸入數據。當用戶輸入完畢后，我們通過AJAX將輸入框中的數據發送到服務器進行處理，然后將返回的結果展示給用戶。

<input type="text" id="inputValue">
<button onclick="saveData()">保存</button>
<p id="result"></p>

在上面的代碼中，我們首先定義了一個輸入框和一個按鈕。當用戶點擊按鈕時，觸發函數saveData()來獲取輸入框的值并通過AJAX發送到服務器。服務器處理完成后，通過<p>標簽將結果展示給用戶。

下面是saveData()函數的實現：

function saveData() {
var inputValue = document.getElementById("inputValue").value;
// 創建XMLHttpRequest對象
var xhr;
if (window.XMLHttpRequest) { // 兼容性判斷
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// 設置請求的類型和URL
xhr.open("POST", "save_data.php", true);
// 設置發送數據的格式
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 設置響應的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
};
// 發送請求
xhr.send("data=" + inputValue);
}

在上述代碼中，首先我們通過document.getElementById("inputValue").value獲取輸入框的值，保存到inputValue變量中。

然后，我們創建了一個XMLHttpRequest對象，用于發送AJAX請求。XMLHttpRequest是AJAX的核心對象，可以利用它與服務器進行數據交互。在創建對象時，我們需要考慮瀏覽器的兼容性，使用window.XMLHttpRequest或ActiveXObject來實例化對象。

接下來，使用open()方法來設置請求的類型和URL。在本例中，我們將請求的類型設置為POST，并設置URL為"save_data.php"，即將數據發送到save_data.php文件進行處理。

然后，我們使用setRequestHeader()方法來設置發送數據的格式為application/x-www-form-urlencoded，這是一種常用的格式，用于發送表單數據。

接著，我們使用onreadystatechange事件來監聽服務器響應。當readyState為4且status為200時，表示請求已完成且成功。此時，我們將服務器返回的數據通過innerHTML賦值給<p>標簽，展示給用戶。

最后，我們通過send()方法發送請求，并將輸入框的值作為參數傳遞給服務器。

通過以上的代碼和說明，我們成功實現了使用AJAX為輸入框賦值的功能。當用戶點擊保存按鈕后，頁面將無刷新地將輸入框中的數據發送到服務器進行處理，并將處理結果展示給用戶。

總之，AJAX是一個非常強大的前端技術，可以幫助我們實現頁面無刷新地與服務器進行數據交互。通過本文的介紹，我們學會了如何使用AJAX為輸入框賦值，并且通過實例演示了具體的實現過程。希望本文對大家的學習和開發有所幫助。