AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。在網頁應用中，經常需要根據用戶的選擇或操作修改頁面元素的值，其中最常見的是修改輸入框（input）的值。使用AJAX，我們可以在不刷新整個頁面的情況下，通過異步請求向服務器發送數據，并根據服務器的響應動態地更新輸入框的值。本文將深入探討如何使用AJAX修改輸入框的值，通過舉例說明這個過程。

假設我們要實現一個簡單的網頁留言板應用，在頁面頂部有一個輸入框用于輸入留言內容，下面是一個提交按鈕。我們希望當用戶在輸入框中輸入留言內容后點擊提交按鈕時，通過AJAX將留言內容發送給服務器并動態地更新頁面上的留言列表。以下是相關代碼：

<input type="text" id="message" placeholder="請輸入留言內容">
<button onclick="sendMessage()">提交</button>
<ul id="messageList"></ul>

在上面的代碼中，我們首先給輸入框和按鈕添加了id屬性，方便通過JavaScript代碼獲取到相應的DOM元素。當用戶點擊提交按鈕時，會觸發sendMessage()函數。在此函數中，我們通過document.getElementById("message").value獲取用戶輸入框中的留言內容，然后將其發送給服務器。當服務器返回留言列表數據后，我們使用JavaScript動態更新頁面上的留言列表。

在上述代碼中，我們使用了innerHTML屬性來更新頁面上的留言列表。該屬性用于獲取或設置元素的HTML內容。在本例中，我們使用空字符串""來清空原有的留言列表，然后通過循環動態創建<li>元素，并將留言內容賦值給它們的innerHTML屬性。最后，我們將這些新創建的<li>元素添加到<ul id="messageList">元素中。

通過以上的代碼和說明，我們可以看到如何使用AJAX動態地修改輸入框的值。通過異步請求服務器數據的方式，不僅可以提高用戶體驗，還可以減少頁面的刷新次數。這種技術廣泛應用于各種類型的網頁應用程序，例如自動補全、實時搜索、聊天等等。