AJAX是一種用于在Web頁面上動態加載數據并實現無刷新的技術。它可以幫助我們實現分級數據的展示，即根據用戶的選擇，動態加載相應的數據，使用戶能夠更方便地查看和理解數據內容。

舉個例子來說明，假設我們有一個城市選擇的下拉菜單，用戶可以從中選擇不同的城市。當用戶選擇一個城市后，頁面會根據用戶的選擇通過AJAX來獲取該城市的相關數據并展示在頁面上。這樣用戶就可以直接在頁面上看到該城市的具體數據，而不需要刷新整個頁面。

實現分級數據展示的關鍵是在用戶做出選擇后，通過AJAX請求獲取相應的數據。我們可以使用下面的代碼來實現：

function loadData(city) {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
var url = "http://example.com/api/data?city=" + city;
// 設置請求方法和URL
xhr.open("GET", url, true);
// 發送請求
xhr.send();
// 監聽狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
// 請求成功，處理返回的數據
var data = xhr.responseText;
// 將數據展示在頁面上
document.getElementById("data-container").innerHTML = data;
}
}
}

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后設置了請求的URL。這里的URL可以是一個服務器端接口的地址，用于獲取相關城市的數據。我們通過GET方法發送請求，并在請求成功后處理返回的數據。

然后，我們需要在頁面上創建一個城市選擇的下拉菜單，并給它加上一個事件監聽器，當用戶選擇一個城市時調用loadData函數。例如：

<select id="city-select" onchange="loadData(this.value)">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">廣州</option>
</select>

當用戶選擇一個城市時，loadData函數就會被調用，并傳入所選城市的值。函數會根據該值來發送AJAX請求，獲取相應的數據，并將數據展示在頁面上。例如，我們可以使用一個div元素作為數據容器：

<div id="data-container"></div>

這樣，當用戶選擇了一個城市后，頁面就會動態加載該城市的數據，并展示在"data-container"元素中。用戶可以方便地查看和理解數據內容。

總之，AJAX技術可以幫助我們實現分級數據展示，在用戶做出選擇后動態加載相應的數據，并無需刷新整個頁面。通過上述的例子，我們可以看到如何使用AJAX發送請求并處理返回的數據，以及如何在頁面上展示數據。