AJAX 是一種前端技術，在網頁中向服務器發送異步請求，從而無需刷新整個頁面，實現動態加載內容的功能。Azure 是一種云計算服務平臺，提供了各種云服務，包括存儲、數據庫、人工智能等。通過結合使用 AJAX 和 Azure 的 REST API，我們可以實現更加強大和靈活的網頁應用，提供更好的用戶體驗。

假設我們正在開發一個在線商城網站，我們希望用戶能夠在搜索框中輸入關鍵詞，并實時獲得與之相關的商品列表。在傳統的網站中，用戶輸入關鍵詞后，需要點擊搜索按鈕，然后整個頁面重新加載，才能顯示搜索結果。這種體驗不夠流暢，也不夠高效。

使用 AJAX 和 Azure 的 REST API，我們可以改進這一體驗。當用戶輸入關鍵詞時，網頁會通過 JavaScript 發送異步請求到 Azure 的 REST API 接口，查詢與關鍵詞相關的商品信息。然后，將返回的結果通過 AJAX 技術動態加載到網頁中，實現無刷新的搜索功能。這樣，用戶可以實時看到搜索結果，無需等待整個頁面重新加載。

下面是一個簡單的示例，展示如何使用 AJAX 和 Azure 的 REST API 實現無刷新的搜索功能。

// HTML 代碼
<input type="text" id="searchInput" placeholder="請輸入關鍵詞">
<ul id="searchResults"></ul>
// JavaScript 代碼
var searchInput = document.getElementById("searchInput");
var searchResults = document.getElementById("searchResults");
searchInput.addEventListener("input", function() {
var keyword = searchInput.value;
var url = "https://api.azure.com/products?keyword=" + keyword;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var products = JSON.parse(xhr.responseText);
displayResults(products);
}
};
xhr.send();
});
function displayResults(products) {
searchResults.innerHTML = "";
for (var i = 0; i< products.length; i++) {
var li = document.createElement("li");
li.textContent = products[i].name;
searchResults.appendChild(li);
}
}

在上面的示例中，當用戶在輸入框中輸入關鍵詞時，JavaScript 代碼會實時發送異步請求到 Azure 的 REST API 接口，并將查詢結果顯示在搜索結果列表中。這樣，用戶在輸入關鍵詞的同時，就可以實時看到搜索結果，無需刷新整個頁面。

總之，通過結合使用 AJAX 和 Azure 的 REST API，我們可以實現更加強大和靈活的網頁應用。無論是實時搜索、動態加載內容，還是其他需要異步請求數據的場景，都可以借助這兩種技術實現更好的用戶體驗。