Ajax（Asynchronous JavaScript and XML）是一種用于在Web頁面上異步加載數據的技術。它可以通過在不刷新整個頁面的情況下，向服務器發送請求并獲取到數據，然后將數據插入到文本框或其他元素中。這種技術的好處在于能夠實現頁面的局部更新，提供更好的用戶體驗。下面我將通過具體的例子來說明如何使用Ajax獲取數據并將其添加到文本框中。
假設我們有一個簡單的網頁，包含一個輸入框和一個按鈕。用戶可以在輸入框中輸入一個城市的名字，然后點擊按鈕來獲取該城市的天氣信息，并將獲取到的信息顯示在文本框中。
首先，我們需要添加一個點擊事件處理程序，當用戶點擊按鈕時，該事件會被觸發。在該事件處理程序中，我們將使用Ajax來向服務器發送請求并獲取天氣信息。

HTML
<input type="text" id="cityInput">
<button onclick="getWeather()">獲取天氣</button>
<textarea id="weatherOutput"></textarea>

JavaScript
function getWeather() {
// 獲取用戶輸入的城市名稱
var cityName = document.getElementById("cityInput").value;
// 創建Ajax對象
var xhr = new XMLHttpRequest();
// 設置請求完成后的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 從服務器返回的響應中獲取天氣信息
var weatherInfo = xhr.responseText;
// 將天氣信息添加到文本框中
document.getElementById("weatherOutput").value = weatherInfo;
}
}
// 發送請求
xhr.open("GET", "getWeather.php?city=" + cityName, true);
xhr.send();
}

在上面的代碼中，我們首先獲取用戶輸入的城市名稱，并創建一個Ajax對象。然后，我們設置該對象的onreadystatechange屬性為一個回調函數，該函數會在Ajax請求的狀態發生變化時被調用。
當請求的readyState變為4并且status為200時，表示請求成功，并且服務器返回了正確的響應。我們從服務器返回的響應中獲取天氣信息，并將其添加到文本框中。
以上就是使用Ajax獲取數據并將其添加到文本框中的簡單示例。通過這種技術，我們可以實現更加動態和實時的數據更新。當用戶輸入不同的城市名稱時，可以通過Ajax獲取到對應的天氣信息，并實時顯示在文本框中。
除了天氣信息，我們也可以使用Ajax獲取其他類型的數據，并將其添加到文本框或其他適當的元素中。比如，我們可以獲取新聞頭條、股票行情、用戶評論等等。
總結來說，通過使用Ajax技術，我們能夠實現頁面的局部更新，提高用戶體驗。通過發送Ajax請求獲取數據，并將數據添加到文本框中，我們可以實現更加實時和動態的數據顯示。無論是顯示天氣信息還是其他類型的數據，Ajax都是一個非常強大且實用的技術。