EasyUI 是一款流行的 jQuery UI 框架，它提供了各種簡單易用的 UI 組件，包括表格、表單、對話框等，讓 web 開發變得更加快捷方便。在實際的開發中，我們通常需要從后臺獲取 JSON 格式數據，然后使用 EasyUI 的組件進行展示。下面我們將以 EasyUI 表格組件為例，介紹如何調用 JSON 數據。

$(function(){
$('#datagrid').datagrid({
url:'data.json',
columns:[[    
{field:'id',title:'ID',width:100},    
{field:'name',title:'Name',width:300},    
{field:'price',title:'Price',width:100,align:'right'},
{field:'操作',title:'Operation',width:100,
formatter:function(value,row,index){
return '修改  刪除';
}
}    
]]    
});
});

上述代碼是一個完整的 EasyUI 表格組件調用 JSON 數據的示例。其中 url 的值是獲取數據的接口地址，columns 數組中定義了表格的列屬性，包括字段名、標題、寬度、對齊方式和操作等。需要注意的是，最后一列是操作列，需要使用 formatter 屬性自定義顯示內容。在 formatter 函數中，我們通過 index 參數獲取當前行的索引，然后調用 editRow() 和 deleteRow() 函數進行相應的操作。

function editRow(index){
$('#datagrid').datagrid('beginEdit', index);
}
function deleteRow(index){
$.messager.confirm('提示','您確定要刪除該行嗎？',function(r){
if (r){
$('#datagrid').datagrid('deleteRow', index);
}
});
}

這里我們定義了兩個操作函數，editRow() 函數實現行編輯功能，deleteRow() 函數彈出確認窗口并刪除行。這些代碼與 JSON 數據調用無關，是 EasyUI 表格組件中的基本用法。

需要使用 JSON 數據的關鍵在于 url 屬性的設置。我們需要將其設置為能夠返回 JSON 數據的接口地址，數據格式如下：

[
{
"id": 1,
"name": "Product A",
"price": 100
},
{
"id": 2,
"name": "Product B",
"price": 200
},
...
]

在后臺編寫接口時，需要將查詢結果以 JSON 格式返回給前端。返回數據時，需要設置 Content-Type 響應頭為 application/json。例如在 PHP 中使用以下代碼：

header('Content-Type: application/json');
echo json_encode($data);

這樣，前端就能夠獲取到后臺返回的 JSON 數據，并使用 EasyUI 表格組件進行渲染和展示。