easyui是一個非常強大的前端UI框架，可以幫助我們快速搭建出漂亮、友好的用戶界面。其中，讀取json數據是easyui的一個重要功能，使用起來十分簡單、方便。下面，我們就來學習一下easyui如何讀取json數據。

// 定義json數據
var data = [
{
"name": "張三",
"age": 20,
"gender": "男"
},
{
"name": "李四",
"age": 21,
"gender": "女"
},
{
"name": "王五",
"age": 22,
"gender": "男"
}
];
// 使用datagrid組件讀取json數據
$("#datagrid").datagrid({
columns: [[
{field: 'name', title: '姓名', width: '20%'},
{field: 'age', title: '年齡', width: '20%'},
{field: 'gender', title: '性別', width: '20%'}
]],
data: data
});

在上述代碼中，我們首先定義了一個json數據，包含了幾個人的姓名、年齡和性別信息。接著使用了easyui的datagrid組件，將json數據讀取到了datagrid中。其中，columns屬性表示表格的列信息，data屬性表示表格的數據信息。

除了datagrid組件，easyui中還有很多其他的組件，都可以讀取json數據。使用方法類似，只需要根據具體的組件進行稍微的修改即可。總之，easyui讀取json數據非常簡單，使得我們可以方便地將后端傳來的json數據展現在頁面中，進一步提升了用戶體驗。