springMvc 前端用json的方式向后台传递对象数组方法


Posted in Javascript onAugust 07, 2018

如下所示:

JSP
var vipFee= new Array;
//遍历选中的对象

$("#feeList :checkbox:checked").each(function(i){
 vipFee.push({"enterpriseSeq":$(this).attr("enterpriseSeq"),"merchNo":$(this).val(),"serviceFee":$(this).attr("fqbFee")});
  });
//进行异步
$.ajax({ 
 type:"POST", 
 url: "addVipFeeList", 
 async:false,
 dataType:"json", 
 contentType:"application/json", // 指定这个协议很重要 
 data:JSON.stringify(vipFee), 
 success:function(data){ 
   //判断是否是成功的返回的
  if(data.success===true){
   $("#feeList :checkbox:checked").each(function(i){
   var FQBFee = parseFloat($(this).parent().siblings("td").find("input[name='fqbFee']").val());
   $(this).parent().siblings("td").find("input").attr("readonly","readonly");
   $(this).parent().siblings("td").find("input[name='fqbFee']").val(FQBFee.toFixed(3));
   //将“取消定价”,进行显示
   $(this).parent().siblings("td").find("a[id='cancelA']").show();
   //将“确定定价”进行隐藏
   $(this).parent().siblings("td").find("a[id='relateA']").hide();
   //取消掉选中的状态
   $(this).prop("checked", false);
   });
   }
     } 
   }); 

Controller
 @RequestMapping(value = Constants.ADMIN + "/addVipFeeList",method=RequestMethod.POST)
 @ResponseBody
 public Map<String,Object> addVipFeeList(@RequestBody List<VipFee> vipFee){
  Map<String,Object> map=new HashMap<String,Object>();
  try {
   //判断对象是否为空
   if (vipFee!=null&&vipFee.size()>0) {
    //进行遍历并赋值
    for (VipFee v:vipFee) {
     v.setReplacePrdId(Constants.PRODUCT_TYPE_FQB);
    }
   }
   //进行添加
   vipFeeService.addVipFeeList(vipFee);
   map.put("success", true);
  } catch (CoreException e) {
   map.put("success", false);
   log.error(e.getCode(),e);
   map.put("errorMsg", e.getCode());
  }
  return map;
 }

以上这篇springMvc 前端用json的方式向后台传递对象数组方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery把表单元素变为json对象
Nov 06 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
easyui validatebox验证
Apr 29 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
May 30 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
Vue中封装input组件的实例详解
Oct 17 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 #Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 #Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 #Javascript
js实现图片上传并预览功能
Aug 06 #Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 #Javascript
微信小程序网络封装(简单高效)
Aug 06 #Javascript
json字符串传到前台input的方法
Aug 06 #Javascript
You might like
PHP的历史和优缺点
2006/10/09 PHP
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
深入理解JavaScript高级之词法作用域和作用域链
2013/12/10 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python学习基础之循环import及import过程
2018/04/22 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
Servlet面试题库
2015/07/18 面试题
教师试用期自我鉴定
2014/02/12 职场文书
党员领导干部廉洁从政承诺书
2014/03/27 职场文书
企业员工薪酬方案
2014/06/04 职场文书
公证处委托书
2015/01/28 职场文书
拖欠货款起诉状
2015/05/20 职场文书
python的变量和简单数字类型详解
2021/09/15 Python
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python