在現代web開發中，我們經常需要通過AJAX獲取JSON數據并顯示在網頁上。而遇到某些情況，當我們獲取到的JSON數據中的某個字段的值為true時，我們希望能夠在網頁上對應地顯示出來。本文將介紹如何通過AJAX獲取JSON數據并判斷其中的字段是否為true，然后在網頁上進行相應的顯示。

假設我們正在開發一個即時聊天應用，其中有一個功能是顯示用戶是否在線。我們將通過AJAX定時向后端請求JSON數據，其中包含了用戶的在線狀態信息。例如，當用戶的在線狀態為true時，我們希望在網頁上顯示"在線"，而當用戶的在線狀態為false時，我們希望顯示"離線"。

// AJAX請求代碼
$.ajax({
url: "api/getUserInfo",
method: "GET",
dataType: "json",
success: function(response) {
// 判斷在線狀態是否為true
if (response.onlineStatus === true) {
$("#status").text("在線");
} else {
$("#status").text("離線");
}
},
error: function() {
console.log("AJAX請求失敗");
}
});

上述代碼中，我們使用了jQuery的AJAX方法來向后端發送請求。通過指定url、請求方法和數據類型，我們可以請求到一個包含用戶在線狀態的JSON數據。如果請求成功，我們將在success回調函數中進行判斷。如果在線狀態字段的值為true，我們將通過jQuery的text方法將"在線"顯示在id為"status"的元素中；否則，我們顯示"離線"。

除了實時聊天應用以外，另一個常見的應用場景就是社交媒體網站中的好友列表。我們可以通過AJAX獲取到好友列表，并顯示每個好友的在線狀態。假設我們已經獲取到了好友列表的JSON數據，并且其中的每個好友對象都包含了一個名為online的字段來表示他們的在線狀態。

$.ajax({
url: "api/getFriendList",
method: "GET",
dataType: "json",
success: function(response) {
$.each(response, function(index, friend) {
var statusText = friend.online ? "在線" : "離線";
var listItem = $("<li>").text(friend.name + " - " + statusText);
$("#friendList").append(listItem);
});
},
error: function() {
console.log("AJAX請求失敗");
}
});

在上述代碼中，我們使用了jQuery的each方法遍歷好友列表中的每個好友對象。對于每個好友對象，我們通過判斷他們的在線狀態字段的值來決定顯示"在線"還是"離線"。然后，我們創建了一個帶有好友名字和狀態的li元素，并將其添加到id為"friendList"的列表元素中。

通過以上示例，我們可以看到如何通過AJAX獲取JSON數據并根據某個字段的值來在網頁上進行相應的顯示。不論是實時聊天應用還是社交媒體網站，都可以利用這一技術來提供更好的用戶體驗。