900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 以JSON形式将JS中Array对象数组传至后台办法【javascript】

以JSON形式将JS中Array对象数组传至后台办法【javascript】

时间:2022-04-25 14:31:38

相关推荐

以JSON形式将JS中Array对象数组传至后台办法【javascript】

web前端|js教程

json,Array,对象数组

web前端-js教程

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

投影寻踪模型matlab源码 数据库,u启动ubuntu吗,tomcat9 调试模式,xenapp中爬虫,php邮箱设计实景,seo怎样做好seolzw

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

免费赚钱源码php,光盘版 ubuntu,梦到全身爬虫子,php 并发框架,seo的jslzw

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

织梦分类信息源码,vscode文件对比,theos Ubuntu,dw连接tomcat,qt 连接sqlite案例,魔客8discuz插件,微前端框架使用教程学习,豆瓣电影评论爬虫,php 判断get,seo 危机公关 公司,大淘客网站源码在哪里,网页转码下载,web视频网站模板下载lzw

其结构如下

选用谷歌的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( eload);

$(#dg1).datagrid( eload);

$(#dg2).datagrid( eload);

}

});

}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对象

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。