以JSON形式将JS中Array对象数组传至后台的方法

2019-11-20 21:18:33

字体：大中小

来源：转载

供稿：网友

业务是需要将前台jQuery easyUI DataGrid列表中所选的若干行的数据传到后台进行update操作

通常情况下我们会获取所选取行对象的ID，通过循环及简单封装拼凑成一个长String传送过去，并在Service层解释再通过findByID获取实例并update

但今次我们需要将整个对象群完整的传输至后台

其结构如下

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

前台代码如下，简洁起见已去除部分简单验证代码：

复制代码代码如下:

 
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中接收如下：

复制代码代码如下:

 
@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; 
} 