色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

easyui自動解析json

阮建安2年前8瀏覽0評論

EasyUI是一套基于jQuery的開源UI庫,它可以幫助我們快速的構建出美觀、易用的前端界面。而EasyUI自動解析JSON數據的功能讓我們在前端開發中更加便捷。

在使用EasyUI渲染數據時,我們可以通過$("#datagrid").datagrid('loadData', data);來將我們后臺返回的JSON數據渲染到前端頁面上。

此時,我們只需要將后臺數據返回的格式設置為EasyUI默認的JSON格式,EasyUI就可以自動解析數據。以datagrid為例,EasyUI默認的JSON格式如下:

{
"total": 100,
"rows": [{
"id": 1,
"name": "張三",
"age": 18
}, {
"id": 2,
"name": "李四",
"age": 20
}]
}

其中,total表示總共有多少行數據,rows則表示當前頁的數據數組,每一行數據是一個JS對象。在EasyUI渲染時,會自動根據JSON數據解析成對應的表格樣式。

如果我們的后臺返回的數據格式與EasyUI默認格式不一致,我們也可以通過$.EasyUI.parser.parseOptions(target);來自定義解析方式。

比如,我們的數據返回格式為:

{
"data": [{
"id": 1,
"name": "張三",
"age": 18
}, {
"id": 2,
"name": "李四",
"age": 20
}],
"page": 1,
"pageSize": 10,
"total": 100
}

此時,我們可以通過以下操作來自定義解析方式:

var options = $.extend({}, $.fn.datagrid.defaults, $.fn.datagrid.parseOptions(target), $.EasyUI.parser.parseOptions(target));
var data = options.data;
var total = options.total;
$("#datagrid").datagrid('loadData', {
rows: data,
total: total
});

通過上述方式,我們可以將我們自定義的JSON格式解析為EasyUI默認的格式,從而實現自動解析JSON數據。