Ajax（Asynchronous JavaScript and XML）是一種前端技術，能夠實現在不刷新整個頁面的情況下，與服務器進行異步數據交互。其中一個常見的應用場景就是給文本框（TextBox）添加文本。通過使用Ajax，我們可以實現動態添加文本的效果，而無需刷新整個頁面。本文將詳細介紹如何通過Ajax給TextBox添加文本，并結合具體例子進行講解。 對于一個網站或應用程序來說，與用戶的實時互動是非常重要的。假設一個留言板，用戶可以實時看到其他用戶發布的最新留言，這就需要通過Ajax實現文本的動態添加。比如，當用戶在留言板中輸入內容并點擊提交按鈕后，使用Ajax可以將用戶輸入的文本發送到服務器，并將返回的新留言動態地添加到TextBox中，而無需重新加載整個頁面。 下面的示例將展示一個簡單的實現方式。首先，我們需要一個TextBox，用戶可以在其中輸入內容，并且需要一個“提交”按鈕。我們可以使用HTML和JavaScript創建這個簡單的界面：

html
<p>請輸入留言內容：</p>
<input type="text" id="message" />
<button onclick="submitMessage()">提交</button>
<p id="messages"></p>
<script>
function submitMessage() {
var message = document.getElementById("message").value;
// 使用Ajax將message發送到服務器，并處理返回的結果
// ...
// 將新留言動態添加到TextBox中
var messages = document.getElementById("messages");
messages.innerHTML += "<br>" + message;
}
</script>

上面的代碼中，我們定義了一個名為submitMessage()的JavaScript函數，該函數將用戶在TextBox中輸入的內容作為參數發送到服務器。在此處，我們省略了具體的Ajax代碼，但是可以通過使用XMLHttpRequest對象或現代的fetchAPI發送異步請求到服務器，并在響應返回后執行回調函數。 當新留言的內容從服務器返回后，我們可以將它動態地添加到messages元素中，這樣用戶就可以看到最新的留言。使用innerHTML屬性，我們可以將新的留言以HTML格式添加到messages元素中。在這個例子中，我們在每條留言前添加了一個換行標簽
，以便使每條留言占據獨立的一行。 通過上述方法，我們就可以通過Ajax實現文本的動態添加到TextBox中。這樣，用戶就能夠在不刷新整個頁面的情況下，實時看到最新的留言內容。當然，在實際應用中，我們需要根據具體的需求和后臺邏輯進行相應的改進和調整，以實現更加復雜和實用的功能。 總結起來，通過使用Ajax給TextBox添加文本，我們能夠實現在不刷新整個頁面的情況下，將用戶輸入的內容動態地添加到TextBox中。這樣，用戶可以實時看到最新的文本內容，提高了用戶體驗和交互性。在開發過程中，我們需要使用Ajax發送異步請求到服務器，并在響應返回后通過JavaScript將新的文本內容動態地添加到TextBox中。通過這種方式，我們能夠實現靈活、高效的前端交互效果。