快捷導(dǎo)航

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

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

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

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

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

但今次我們需要將整個對象群完整的傳輸至后臺

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

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

前臺代碼如下，簡潔起見已去除部分簡單驗證代碼：

復(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:''} 

}); 

} 

} 

});

此頁面中需要引入json2.js

后臺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; 

}