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

业务是需要将前台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 list = gson.fromJson(rows, new TypeToken>() {}.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对象

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线json压缩/转义工具：