Ajax是一種前端技術，用于在不刷新整個頁面的情況下與服務器進行通信，實現動態數據的交互。其中，返回text是一種常見的需求，可以通過Ajax請求獲得服務器返回的文本內容，再將其展示在網頁上。本文將介紹如何使用Ajax返回text，并通過舉例來闡述其應用。 以一個簡單的實例來說明使用Ajax返回text的過程。假設我們有一個網頁，需要根據用戶輸入的城市名稱來獲取該城市的天氣信息，并將其顯示在頁面上。我們可以通過Ajax來向服務器發送請求，并接收服務器返回的文本數據，然后將其展示在網頁上。 在網頁中，我們可以使用一個輸入框和一個按鈕，用于用戶輸入城市名稱和觸發Ajax請求。在用戶輸入城市名稱后，點擊按鈕會調用一個JavaScript函數，發起Ajax請求。

<input type="text" id="cityName" />
<button onclick="getWeather()">獲取天氣</button>

在JavaScript函數中，我們可以使用XMLHttpRequest對象來創建一個Ajax請求。我們需要設置請求的方法、URL以及回調函數，來處理服務器返回的文本數據。在這個例子中，我們使用GET方法，將城市名稱作為參數拼接在URL中，以向服務器發送請求。

function getWeather() {
var cityName = document.getElementById("cityName").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "weather.php?city=" + cityName, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("weatherInfo").innerHTML = xhr.responseText;
}
};
xhr.send();
}

在這段代碼中，我們使用了onreadystatechange事件來監聽Ajax請求的狀態變化。當請求的狀態為4（即請求完成）且HTTP狀態碼為200時，表示服務器返回了數據。我們將服務器返回的文本數據賦值給一個具有id為weatherInfo的HTML元素的innerHTML屬性，從而將天氣信息顯示在網頁上。 為了展示服務器返回的天氣信息，我們需要在網頁中添加一個用于顯示的容器。

<div id="weatherInfo"></div>

通過以上步驟完成后，用戶在輸入框中輸入城市名稱并點擊按鈕后，就能夠通過Ajax請求獲取該城市的天氣信息，并將其展示在網頁上。 除了天氣信息，使用Ajax返回text還能夠應用于其他場景，比如獲取網頁內容、加載外部文件等。例如，我們可以通過Ajax請求來獲取一個文本文件的內容，然后在網頁上展示該文件的內容。

function getTextFile() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.txt", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("textInfo").innerHTML = xhr.responseText;
}
};
xhr.send();
}

在這個例子中，我們使用了相同的Ajax請求步驟，只是將URL改為了需要獲取的文本文件的路徑。

<button onclick="getTextFile()">獲取文本文件</button>
<div id="textInfo"></div>

通過以上代碼，點擊按鈕后就可以通過Ajax請求獲取該文本文件的內容，并將其展示在網頁上。 通過這兩個實例的介紹，我們了解到了使用Ajax返回text的過程。無論是獲取天氣信息、加載文本文件還是其他需要獲取文本內容的場景，使用Ajax請求都可以非常方便地獲取服務器返回的text數據，并將其展示在網頁上。這極大地豐富了網頁交互的方式，提升了用戶體驗。