EasyUI 是一款常用的前端框架，它提供了豐富的 UI 組件和易用性的 API，使用起來操作方便。其中，EasyUI 顯示 JSON 數據是一項很實用的功能。在接下來的文章中，我們將介紹如何使用 EasyUI 顯示 JSON 數據。

首先，我們需要從后端獲取一個 JSON 數據。以 jQuery AJAX 為例，我們可以使用如下代碼：

$.ajax({
url: 'example.com/data.json',
dataType: 'json',
success: function(data){
// 在此處理 data 的邏輯
}
});

獲取到數據后，我們需要使用 EasyUI 中的 DataGrid 組件來展示 JSON 數據。我們首先需要在 HTML 中定義 DataGrid：

<table id="dg">
</table>

然后，我們使用 JavaScript 代碼來初始化 DataGrid：

$('#dg').datagrid({
data: data, // data 是我們從后端獲取到的 JSON 數據
rownumbers: true, // 顯示行號
singleSelect: true, // 只允許選中一行
columns: [{
field: 'id', // JSON 數據的屬性名
title: 'ID' // 表格頭部顯示的文本
},{
field: 'name',
title: '姓名'
},{
field: 'age',
title: '年齡'
}]
});

這段代碼會渲染一個帶有行號和表頭的表格，且表格中的數據來源于從后端獲取到的 JSON 數據。其中，columns 用來定義表格中的每一列，可以根據 JSON 數據中的屬性名來定義列的屬性。例如，對于如下的 JSON 數據：

{
"id": 1,
"name": "張三",
"age": 20
}

我們可以用以下方式來設置 columns：

columns: [{
field: 'id', // JSON 數據的屬性名
title: 'ID' // 表格頭部顯示的文本
},{
field: 'name',
title: '姓名'
},{
field: 'age',
title: '年齡'
}]

這樣，我們就完成了使用 EasyUI 顯示 JSON 數據的操作。使用 DataGrid 組件來展示數據可以讓數據更加清晰易懂，也方便用戶進行數據的查看和篩選。