在前端開發中，Ajax是非常重要的一項技術，它能夠實現異步的數據傳輸，提升用戶體驗。在很多情況下，我們需要通過Ajax接受和處理服務器返回的字符串。本文將介紹如何使用Ajax接受字符串，并通過舉例來說明其用法和作用。

假設我們正在開發一個簡單的網頁應用，用戶可以輸入一個關鍵詞，然后點擊搜索按鈕，應用會向服務器發送請求，并將搜索結果展示給用戶。我們首先需要在HTML文件中創建一個文本框和一個按鈕，來接收用戶的輸入并觸發搜索操作。

<input type="text" id="keyword" placeholder="請輸入關鍵詞" />
<button onclick="search()">搜索</button>

在JavaScript文件中，我們使用Ajax來發送請求，并接受服務器返回的字符串。下面是一段基本的Ajax代碼：

function search() {
var keyword = document.getElementById("keyword").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 在這里處理返回的字符串
}
};
xhr.open("GET", "search.php?keyword=" + keyword, true);
xhr.send();
}

上述代碼中，我們首先獲取用戶輸入的關鍵詞并存儲在變量keyword中。然后創建一個XMLHttpRequest對象xhr，并定義其onreadystatechange事件的回調函數。當服務器返回數據時，該函數將被觸發。在回調函數中，我們首先檢查readyState和status屬性，確保服務器返回成功。然后使用xhr.responseText獲取服務器返回的字符串。

接下來，我們可以對返回的字符串進行處理，根據需求進行解析、展示或其他操作。舉例來說，如果服務器返回JSON格式的字符串，我們可以使用JSON.parse()方法將其轉換為JavaScript對象，進一步操作；如果服務器返回的是HTML代碼，我們可以將其作為innerHTML賦值給某個元素，實現動態展示。

在搜索應用的例子中，我們可以假設服務器返回一個包含搜索結果的字符串。我們可以將該字符串拆分成多個結果，并通過DOM操作將它們添加到頁面中。例如，我們可以創建一個<ul>元素，然后根據返回的字符串創建多個<li>元素，并將它們添加到<ul>中：

function search() {
// ...
xhr.onreadystatechange = function() {
// ...
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
var results = response.split("|"); // 假設返回的字符串形如"result1|result2|result3"
var ul = document.createElement("ul");
for (var i = 0; i < results.length; i++) {
var li = document.createElement("li");
li.textContent = results[i];
ul.appendChild(li);
}
document.body.appendChild(ul);
}
};
// ...
}

通過上述代碼，我們將返回的字符串根據"|"拆分成多個結果，并逐個創建<li>元素，并添加到一個<ul>元素中。最后，將該<ul>元素添加到頁面的body中。

本文介紹了如何使用Ajax接受字符串的方法，并通過一個簡單的搜索應用示例進行了解釋。隨著更多的練習和實踐，你將學會如何根據實際需求處理和展示服務器返回的字符串。