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元素中。在这个例子中，我们在每条留言前添加了一个换行标签