ajax从JSP传递对象数组到后台的方法
网络编程 2021-07-05 10:37www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇ajax从JSP传递对象数组到后台的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
今日工作中遇到了需要从JSP传递对象数组到后台的需求,网上辗转找了很多资料,终于解决。苦于网上很多资料不全,故记录下详细解决过程。如下
JSP
function addAount(){ debugger; var html = ''; var ary = $("#match_aount").find("p"); var _list = new Array(); if(ary.length){ for(var i = 0,len = ary.length;i < len;i ++){ var aount = new Object(); html += '<li class="fl mb8" data-id="'+ary[i].id+'" data-sort="0">'; html += '<span class="mr8 display-ib" style="background:#eee;padding:0px 5px 6px 5px">'; html += '<span data-id="">'+ary[i].innerHTML+'</span>'; html += '<a onclick="deleteAount(this);" href="javascript:;" rel="external nofollow" class="js-btn-remove-tag ml4" style="vertical-align:5px;color:#999;" title="删除">x</a>'; html += '</span>'; html += '</li>'; aount.aountId = ary[i].id; aount.aount = ary[i].innerHTML; _list.push(aount); } $.ajax({ type: "post", url: "${ctx}/panyAount/addContributeAounts", data : {list : JSON.stringify(_list)}, async: false, suess: function (json) { var result = json.obj.result; if(result != 1){ layer.error('添加账号失败.'); } } }); } $("#contribute_aount").append(html); }
关键之处有三
一,定义数组
var _list = new Array();
二,定义对象,并迭代添加对象属性,push进数组
var aount = new Object();
aount.aountId = ary[i].id; aount.aount = ary[i].innerHTML; _list.push(aount);
三,提交时转换数组对象
data : {list : JSON.stringify(_list)}
后台java
/ 添加投稿账号 / @RequestMapping(value = "addContributeAounts") @ResponseBody public JsonResult addContributeAounts(String list) { JSONArray ary = JSONArray.fromObject(list); if(ary != null && ary.size() > 0){ List<RegionContributeAount> aountList = (List<RegionContributeAount>)JSONArray.toCollection(ary, RegionContributeAount.class); for(RegionContributeAount aount : aountList){ panyAountService.insertContributeAount(aount); } } Map<String, Object> obj = new HashMap<String, Object>(); obj.put("result", 1); return JsonResult.suess(obj); }
后台要点有二,
一,转换ary数组
JSONArray ary = JSONArray.fromObject(list);
二,数组转自定义java对象
List<RegionContributeAount> aountList = (List<RegionContributeAount>)JSONArray.toCollection(ary, RegionContributeAount.class);
自此,便打通前后端任督二脉。
以上这篇ajax从JSP传递对象数组到后台的方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程