在Web開發(fā)中，datagrid（數(shù)據(jù)表格）是一個常用的數(shù)據(jù)展示組件。在前后端分離的架構(gòu)下，我們通常會使用ajax技術(shù)獲取后端返回的json數(shù)據(jù)，并通過datagrid組件展示到前端頁面。

//ajax獲取data.json數(shù)據(jù)
$.ajax({
url: "data.json",
dataType: "json",
success: function(data){
$('#datagrid').datagrid({
columns: [[
{field:'id', title:'編號'},
{field:'name', title:'姓名'},
{field:'age', title:'年齡'}
]],
data: data
});
}
});

以上代碼中，我們使用jquery的ajax方法獲取名為data.json的json文件數(shù)據(jù)。在請求成功后，我們通過id選擇器獲取datagrid組件并使用datagrid方法初始化它。其中，columns參數(shù)指定了datagrid的表頭信息，data參數(shù)指定了datagrid的數(shù)據(jù)信息。

在data.json文件中，數(shù)據(jù)以json格式存儲。示例如下：

{
"total": 3,
"rows": [
{"id": "0001", "name": "Tom", "age": 18},
{"id": "0002", "name": "Jack", "age": 20},
{"id": "0003", "name": "Lucy", "age": 19}
]
}

在json數(shù)據(jù)中，total表示數(shù)據(jù)總數(shù)，rows表示每行數(shù)據(jù)信息。我們需要注意的是，datagrid的data參數(shù)需要傳入一個數(shù)組，而rows是一個包含多個json對象的數(shù)組。

以上就是關(guān)于使用datagrid和data.json展示數(shù)據(jù)的簡單介紹，期望對大家有所幫助。