今天我們來學習如何在 div 標簽中展示 JSON 對象數據。在前端開發中，我們經常需要展示后端傳遞過來的 JSON 對象數據，因此掌握這一技能非常重要。 首先，我們需要獲取后端傳遞過來的 JSON 數據。例如，我們可以通過 Ajax 發送請求，獲取數據并將其賦值給一個變量。這里我們假設變量名為 data。 接著，我們需要將 JSON 數據格式化，并展示在 div 標簽中。為了方便起見，我們可以使用 jQuery 中的方法。 具體代碼如下所示：

// 獲取后端傳遞過來的 JSON 數據
var data = { "name": "John", "age": 30, "city": "New York" };
// 將 JSON 數據格式化
var formattedData = JSON.stringify(data, null, 2);
// 將格式化后的數據展示在 div 標簽中
$('div').html('
' + formattedData + '
');

上述代碼中，我們首先獲取了后端傳遞過來的 JSON 數據，然后使用 JSON.stringify() 方法將其格式化，使其易于閱讀。其中第二個參數為 null，表示不進行 JSON 數據中值的替換；第三個參數為 2，表示每個屬性前面需要添加兩個空格。 最后，使用 jQuery 中的 html() 方法將格式化后的數據展示在 div 標簽中，并使用 p 標簽將其包裹起來。 總之，通過上述方法，我們可以在 div 標簽中展示 JSON 數據，并且格式化后的數據易于閱讀。這對于前端開發工作非常有用。