datagrid可以方便的展示數據，而且它與json格式的數據相容性很強。

首先，我們需要將json數據返回到前端。這里可以使用ajax來實現：

$.ajax({
url: 'data.json',
type: 'GET',
dataType: 'json',
success: function(data) {
$('#dg').datagrid('loadData', data);
}
});

這段代碼將請求一個data.json文件，得到json數據后，使用datagrid的loadData方法將數據載入到datagrid中。但這里暫未對json數據做任何處理。

datagrid需要json數據按照特定的屬性名來排列，這里給出一個簡單的例子：

{
"total": 2,
"rows": [{
"id": 1,
"name": "Tom",
"age": 25
}, {
"id": 2,
"name": "Jerry",
"age": 22
}]
}

其中，total屬性代表數據總數，rows屬性代表每一行數據。每行數據的具體屬性由開發者自行定義，但需要注意的是屬性名必須與data-options中的field屬性名保持一致。例如：

$('#dg').datagrid({
url: 'data.json',
columns: [[
{
field: 'id',
title: '編號'
}, {
field: 'name',
title: '姓名'
}, {
field: 'age',
title: '年齡'
}
]]
});

這里的field屬性要與json數據中的屬性名保持一致。

最后，我們需要注意的是json數據的屬性名應該不能與datagrid表格中已有的屬性名相同。否則，會覆蓋原有的屬性內容。