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

前端技术 2023/09/02 JavaScript
业务是需要将前台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;
}

其中GSON及TypeToken为GSON包中引入类

入参rows应为String型

经过Gson转换后List依旧为普通接口，内部装载前台完整的Object对象

本文地址：https://www.stayed.cn/item/4580

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案