Ajax（Asynchronous JavaScript and XML）是一種在 Web 開發中常用的技術，它能夠實現在不刷新整個頁面的情況下，向服務器發送請求并獲取數據。而 JSON（JavaScript Object Notation）則是一種輕量級的數據交換格式，常用于存儲和傳輸結構化的數據。本文將詳細介紹如何使用 Ajax 提示框顯示 JSON 字符串，并以示例說明。

為了更好地理解如何使用 Ajax 提示框顯示 JSON 字符串，我們可以假設一個場景：在一個電商網站上，當用戶點擊“購買”按鈕后，需要向服務器發送請求，獲取商品的庫存信息。服務器會將響應以 JSON 格式返回給前端頁面，然后通過 Ajax 實現將 JSON 字符串顯示在提示框中。

下面是一個具體的示例代碼，展示如何使用 Ajax 異步請求獲取并在提示框中顯示 JSON 字符串：

<script>
function showAlert() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
alert(response.name + "的庫存為：" + response.stock);
}
};
xhr.open("GET", "example.com/getStock", true);
xhr.send();
}
</script>
<button onclick="showAlert()">購買</button>

在上述示例代碼中，首先創建了一個 XMLHttpRequest 對象，用于向服務器發送和接收數據。然后，通過設置 xhr.onreadystatechange 函數，在每次狀態改變時檢查響應的狀態碼和準備狀態。當 readyState 為 4 且狀態碼為 200 時，說明服務器響應成功，可以將返回的 JSON 字符串解析，并以提示框形式展示給用戶。

假設服務器返回的 JSON 字符串如下：

{
"name": "iPhone 12",
"stock": 50
}

當用戶點擊“購買”按鈕時，Ajax 請求將被觸發，然后提示框將顯示：“iPhone 12的庫存為：50”。這樣，用戶可以直觀地了解到所購買商品的庫存信息。

通過本文的示例,我們可以看到 Ajax 在與服務器端進行數據交互時的強大性能，同時結合 JSON 數據格式的簡潔和易讀，可以有效地提升用戶體驗。在實際開發中，我們可以根據需要進一步優化和定制 Ajax 的請求和顯示方式，以便更好地滿足用戶的需求。