快捷導(dǎo)航

以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法

更新時(shí)間：2014年01月06日 16:37:58 投稿：whsnow

業(yè)務(wù)是需要將前臺(tái)jQuery easyUI DataGrid列表中所選的若干行的數(shù)據(jù)傳到后臺(tái)進(jìn)行update操作，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下

業(yè)務(wù)是需要將前臺(tái)jQuery easyUI DataGrid列表中所選的若干行的數(shù)據(jù)傳到后臺(tái)進(jìn)行update操作

通常情況下我們會(huì)獲取所選取行對(duì)象的ID，通過(guò)循環(huán)及簡(jiǎn)單封裝拼湊成一個(gè)長(zhǎng)String傳送過(guò)去，并在Service層解釋再通過(guò)findByID獲取實(shí)例并update

但今次我們需要將整個(gè)對(duì)象群完整的傳輸至后臺(tái)

其結(jié)構(gòu)如下

選用谷歌的GSON插件及json2.js搭配使用

前臺(tái)代碼如下，簡(jiǎn)潔起見(jiàn)已去除部分簡(jiǎn)單驗(yàn)證代碼：

復(fù)制代碼代碼如下:

 
var rows = $('#dg1').datagrid('getSelections'); 

$.ajax({ 

cache : false, 

type : "POST", 

url : _basePath + '/sectionGroup/pair', 

data : {rows : JSON.stringify(rows), group_id : group_id, group_name : group_name}, 

success : function(data) { 

if(data.success == true){ 

$.messager.confirm('配置成功','是否刷新列表？', function(r){ 

if (r){ 

$('#dg').datagrid('reload'); 

$('#dg1').datagrid('reload'); 

$('#dg2').datagrid('reload'); 

} 

}); 

}else{ 

$.messager.show({ 

title:'提示',msg:'配置失敗', 

showType:'fade',style:{right:'',bottom:''} 

}); 

} 

} 

});

此頁(yè)面中需要引入json2.js

后臺(tái)Controller中接收如下：

復(fù)制代碼代碼如下:

 
@RequestMapping(value = "/pair") 

@ResponseBody 

public ResponseData pair(String rows, String group_name, String group_id, HttpServletRequest request) { 

User user = (User) SecurityContextUtil.getCurrentUser(); 

if (user == null) { 

user = (User) request.getSession().getAttribute(Constants.USER_OS); 

} 

Gson gson = new Gson(); 

List<SectionGroup> list = gson.fromJson(rows, new TypeToken<List<SectionGroup>>() {}.getType()); 

for (SectionGroup sectionGroup : list) { 

sectionGroup.setRegion(user.getRegion_id()); 

sectionGroup.setCompany_id(user.getOrg_id()); 

sectionGroup.setGroup_id(group_id); 

sectionGroup.setGroup_name(group_name); 

service.insertEntity(sectionGroup); 

} 

return ResponseData.SUCCESS_NO_DATA; 

}