easyui是一種非常流行的javascript插件，它可以幫助我們快速開發用戶界面。在easyui中，我們可以使用loaddata方法加載數據。loaddata方法支持多種數據格式，其中包括json格式。下面我們來介紹一下如何使用easyui的loaddata方法加載json數據。

首先，我們需要準備好一個json數據。json數據可以包含一個或多個對象，每個對象包含一個或多個屬性。例如：

{
"people": [
{"name": "Alice", "age": 24, "gender": "female"},
{"name": "Bob", "age": 32, "gender": "male"},
{"name": "Charlie", "age": 45, "gender": "male"}
]
}

然后，在頁面中引入easyui庫和jquery庫。

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

接下來，在頁面中準備一個easyui的datagrid組件，并為它定義列和一個空的數據源。例如：

<table id="dg" class="easyui-datagrid" style="width:100%;height:300px"
data-options="
url: '',
method: 'get',
pagination: true,
rownumbers: true,
fitColumns: true,
singleSelect: true">
<thead>
<tr>
<th data-options="field:'name',width:80">Name</th>
<th data-options="field:'age',width:50">Age</th>
<th data-options="field:'gender',width:50">Gender</th>
</tr>
</thead>
</table>

注意，url選項必須設置為空字符串，否則datagrid會嘗試從這個url獲取數據。

最后，在javascript代碼中使用loaddata方法加載json數據。例如：

var data = {
"people": [
{"name": "Alice", "age": 24, "gender": "female"},
{"name": "Bob", "age": 32, "gender": "male"},
{"name": "Charlie", "age": 45, "gender": "male"}
]
};
$('#dg').datagrid('loadData', data);

loadData方法的參數就是json數據對象。上面的代碼會將json數據加載到datagrid中。