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