使用 Ajax 發(fā)送請求并成功接收到字符串?dāng)?shù)據(jù)后，我們可以通過 JavaScript 將其展示在頁面上。這為我們提供了更靈活的數(shù)據(jù)處理和頁面交互方式，使得網(wǎng)頁開發(fā)變得更加動態(tài)和響應(yīng)式。
舉個例子，假設(shè)我們正在開發(fā)一個簡單的在線購物網(wǎng)站。當(dāng)用戶點擊購買按鈕后，我們通過 Ajax 異步地向服務(wù)器發(fā)送請求，并接收到一個包含訂單號的字符串?dāng)?shù)據(jù)。為了展示訂單號和提供更好的用戶體驗，我們希望將訂單號顯示在頁面上，而不需要刷新整個頁面。
使用 Ajax，我們可以在請求成功后，通過 JavaScript 來處理并顯示返回的字符串?dāng)?shù)據(jù)。下面是一個簡單的例子，演示了如何使用 Ajax 返回字符串?dāng)?shù)據(jù)并在頁面上展示：

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script>
$(document).ready(function() {
// 當(dāng)購買按鈕被點擊時
$(".buy-button").click(function() {
// 發(fā)送 Ajax 請求
$.ajax({
url: "purchase.php", // 后端處理購買請求的 PHP 文件
method: "POST",
data: { product: "example_product" }, // 需要發(fā)送的數(shù)據(jù)，例如產(chǎn)品信息
dataType: "text", // 告訴 Ajax 服務(wù)器返回的數(shù)據(jù)類型是文本字符串
success: function(response) {
// 在頁面上展示訂單號
$("#order-number").text(response);
},
error: function() {
// 處理錯誤情況
alert("購買失敗，請稍后再試！");
}
});
});
});
</script>

在上述代碼中，我們使用了 jQuery 的 Ajax 方法來發(fā)送請求。首先，我們綁定了一個事件處理函數(shù)，在購買按鈕被點擊時觸發(fā)。然后，我們指定發(fā)送請求的 URL 和請求方法（這里是 POST）。我們還通過 data 屬性傳遞了一些額外的數(shù)據(jù)，例如產(chǎn)品信息。接下來，我們設(shè)置了 dataType 屬性為 "text"，以告訴服務(wù)器返回的數(shù)據(jù)類型是文本字符串。
在請求成功后，success 回調(diào)函數(shù)會被觸發(fā)。在這個函數(shù)中，我們將服務(wù)器返回的訂單號字符串設(shè)置為頁面中某個元素的文本內(nèi)容，以展示給用戶。在上面的例子中，我們通過 jQuery 的選擇器找到一個 id 為 "order-number" 的元素，并將訂單號設(shè)置為其文本內(nèi)容。
如果請求發(fā)生錯誤，error 回調(diào)函數(shù)會被觸發(fā)。在這個例子中，我們簡單地通過彈出一個對話框來通知用戶購買失敗。
通過上述例子，我們可以看到 Ajax 的強大之處。它使得我們可以在不刷新整個頁面的情況下，異步地向服務(wù)器發(fā)送請求，并在請求成功后，使用 JavaScript 處理和展示返回的字符串?dāng)?shù)據(jù)。無論是購物網(wǎng)站還是其他類型的應(yīng)用，這種動態(tài)交互方式都可以提供更好的用戶體驗和更靈活的數(shù)據(jù)處理能力。
在實際開發(fā)中，我們可以根據(jù)具體的需求和業(yè)務(wù)邏輯，自定義處理返回字符串的方式。我們可以將返回的字符串?dāng)?shù)據(jù)顯示在不同的元素中，甚至可以根據(jù)不同的返回結(jié)果來執(zhí)行不同的操作。Ajax 提供了一個靈活而強大的方式來處理和展示服務(wù)器端返回的字符串?dāng)?shù)據(jù)，使得網(wǎng)頁開發(fā)變得更加現(xiàn)代化和富有交互性。