AJAX 是一種在前端網頁與后端服務器之間進行異步數據傳輸的技術。通過 AJAX，我們可以在不刷新整個頁面的情況下從后端獲取數據，并在前端進行處理和展示。本文將介紹在使用 AJAX 獲取數據后，如何進行處理與展示。
在使用 AJAX 進行數據獲取后，我們通常會得到一個 JSON 類型的數據。JSON 是一種輕量級的數據交換格式，易于讀寫和解析，被廣泛用于前后端數據傳輸。在獲取到 JSON 數據后，我們需要對其進行解析，并提取我們所需的數據。

html
<pre>
$.ajax({
url: 'http://example.com/api/data',
dataType: 'json',
success: function(data) {
// 在此處處理獲取到的數據
}
});

通過上述代碼，我們通過 AJAX 請求獲取了一個位于 'http://example.com/api/data' 的數據，并將其解析為 JSON 格式。在 success 回調函數中，我們可以對數據進行處理。
例如，假設我們從服務器獲取到一個名為 users 的數據，在該數據中包含了多個用戶的信息，每個用戶具有用戶名和年齡。我們可以通過遍歷數據，并將每個用戶的信息進行展示。

html
<pre>
success: function(data) {
// 遍歷數據并進行處理
data.users.forEach(function(user) {
$('body').append('<p>' + user.name  + ' - ' + user.age + '歲</p>');
});
}

上述代碼將從數據中提取每個用戶的姓名和年齡，并使用 jQuery 的 append 方法將其添加到網頁的 body 元素中。通過這樣的方法，我們可以將獲取到的數據進行靈活的處理和展示。
除了展示外，我們還可以對獲取到的數據進行各種各樣的操作，例如篩選、排序、計算等等。假設我們從服務器獲取到一份關于商品的數據，我們可以根據不同的條件對商品進行篩選。

html
<pre>
success: function(data) {
// 篩選價格低于100的商品
var cheapProducts = data.products.filter(function(product) {
return product.price < 100;
});
// 展示篩選結果
if (cheapProducts.length > 0) {
$('body').append('<h2>價格低于100的商品：</h2>');
cheapProducts.forEach(function(product) {
$('body').append('<p>' + product.name  + ' - ￥' + product.price + '</p>');
});
} else {
$('body').append('<p>沒有找到符合條件的商品。</p>');
}
}

通過上述代碼，我們使用 filter 方法從商品數據中篩選出價格低于100的商品，并將結果進行展示。如果篩選結果為空，我們會顯示一個相應的提示信息。
綜上所述，使用 AJAX 獲取數據后，我們可以根據實際需求進行靈活的處理和展示。無論是簡單的展示，還是復雜的操作，我們都可以根據獲取到的數據進行相應的處理。AJAX 技術的運用為我們提供了一個方便、高效的數據交互方式，使得前端與后端的數據傳輸更加便捷和優化。