1. var orderNosList = new Array();
  2. var rows = $("#dg_linkOrder").datagrid("getChecked");
  3. if(rows.length < 1){
  4. $('#error').dialog('open').dialog('center').dialog('setTitle', '错误提示');
  5. $('#error').text("请选择一条数据");
  6. }else {
  7. for (var i = 0; i < rows.length; i++) {
  8. orderNosList[i] = rows[i].orderNo;
  9. }
  10.  
  11. var params = {
  12. reserveOrderNoList:orderNosList
  13. };
  14.  
  15. $.ajax({
  16. url : api.LINK_ORDER_RESERVE_RETRY,
  17. data : JSON.stringify(params),
  18. type : 'POST',
  19. contentType: "application/json",
  20. dataType : 'json',
  21. success : function(res) {
  22. var str = '';
  23. $(res.reserveFlowList).each(function(i, obj){
  24. var responseCode = obj.responseCode;
  25. var orderNo = obj.reserveFlow.orderNo;
  26. if (responseCode == 0) {
  27. str += "订单号为"+ orderNo +"成功<br/>";
  28. } else {
  29. str += "订单号为"+ orderNo + obj.responseMsg +"<br/>"
  30. }
  31. });
  32.  
  33. $('#error2').dialog('open').dialog('center').dialog('setTitle', '提示');
  34. $('#error2').html(str);
  35. // 刷新列表
  36. linkOrder.unfresh_LinkOrder();
  37. }
  38. });
  39. }

JAVA后端

  1. @RequestMapping("/http/pss/reserveOrderRetry")
  2. @ResponseBody
  3. public Object reserveOrderRetry(@RequestParam("reserveOrderNoList")List<String> reserveOrderNoList) {
  4. return service.reserveOrderRetry(reserveOrderNoList);
  5. }

JS

  1. var demo = new Object();
  2. demo.name="1";
  3. demo.id="2";
  4. var demo2 = new Object();
  5. demo2.name="1";
  6. demo2.id="2";
  7.  
  8. var conditons = [];
  9. conditons.push(demo);
  10. conditons.push(demo2);
  11.  
  12. $(function(){
  13.   $.ajax({
  14.     type:'post',
  15.     url:'/http/pss/demo',
  16. contentType: "application/json",
  17.     data:{name:"123",conditions:JSON.stringify(conditons)},
  18.     dataType : 'json',
  19.     success:function(data){
  20.       console.log(data);
  21.     },
  22.     error: function (XMLHttpRequest, textStatus, errorThrown){
  23.       alert("error");
  24.     }
  25.   });
  26. });
  1. @RequestMapping("/http/pss/reserveOrderRetry")
  2. @ResponseBody
  3. public Object reserveOrderRetry(@RequestParam("conditions")List<Demo> conditions,
  4. @RequestParam("name")String name) {
  5.  
  6. }

js前端ajax提交list集合参数至后端的更多相关文章

  1. 关于ajax提交表单参数序列化和时间戳转换

    ajax提交form表单, 序列化表单的参数 //var a = $("#addfm").serialize(); //将表单的内容序列化成为一个字符串 var a = $(&qu ...

  2. 知问前端——Ajax提交表单

    本文,运用两大表单插件,完成数据表新增的工作. 一.创建数据库 创建一个数据库,名称为:zhiwen,表——user表,字段依次为:id.name.pass.email.sex.birthday.da ...

  3. 前端Ajax通过设置 timeout 参数,轮询后台API

    因为我连接的数据库在台湾,相距较远,所以conn.Open()方法打开极慢.前端Ajax访问API时,API的数据还未返回,前端Ajax访问已经超时. 所以设置一个轮询,设置相隔多少秒之后进行一次查询 ...

  4. JQuery validate.js 在ajax提交form时如何触发

    在使用jquery validate.js 插件时,发现,如果是用onclick事件捕获提交按钮的动作,并且ajax动态提交form,验证不会被触发,而是直接提交了form. 后来发现,需要手动调用该 ...

  5. 【jQuery、Express.js】AJAX提交Form

    HTML/CSS代码 构建onclick事件 <div class = "row"> <div class = "col-md-10"> ...

  6. js前端获取页面传递的参数

    转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...

  7. ASP.NET MVC 后台接收集合参数和 jquery ajax 传值

    MVC 接收参数数组(集合)   示例样本:   public class Person {      public string FirstName { get; set; }      publi ...

  8. ASP使用ajax来传递中文参数的编码处理

    背景 asp的第一版是0.9测试版,自从1996年ASP1.0诞生,迄今20余载.虽然asp在Windows2000 IIS服务5.0所附带的ASP 3.0发布后好像再没有更新过了,但是由于其入手简单 ...

  9. 基于Flask开发网站 -- 前端Ajax异步上传文件到后台

    大家好,我是辰哥~ 辰哥最近利用空闲时间在写一个在线可视化平台,过程中也觉得一些技术还是比较有意思的,所以就以模块化的形式分享出来.如:从网页界面(前端)上传文件到服务器(后端). 放一下该模块的界面 ...

随机推荐

  1. localtime函数和strftime函数

    localtime函数 功能: 把从1970-1-1零点零分到当前时间系统所偏移的秒数时间转换为本地时间,而gmtime函数转换后的时间没有经过时区变换,是UTC时间 . 用法: #include & ...

  2. android SDK与ADT版本更新问题

    android SDK与ADT版本更新问题 问题:This Android SDK requires Android Developer Toolkit version 14.0.0 or above ...

  3. Bootstrap的插件

    04-Bootstrap的插件   1.下拉菜单 代码如下: <div class="dropdown"> <button class="btn btn ...

  4. Oracle定时备份数据库

    1.导出命令:exp cpzxoa/cpzxoa@FENG file=D:\OracleBak\%date:~11,4%\jjmis_test.dmp log=D:\OracleBak\%date:~ ...

  5. Confluence 6 workbox 配置查询间隔

    查询间隔在Confluence 服务器中的 workbox 被用来显示应用内通知和任务. 激活的查询间隔(Active polling interval) Confluence 将会等待多少时间(秒) ...

  6. ios 输入框问题

    去除ios输入框阴影 input,textarea{-webkit-appearance:none; outline: none; } ios有边框时设置boder-radius:0: 去除默认圆角问 ...

  7. ionic3 出现莫名广告

    应用上线出现 有莫名其妙的广告弹出. 1,DNS被劫持 2,第三方包带广告 3,Http被劫持 wifi和4G网都出现了广告,所以可以直接排除DNS被劫持的问题 广告页只会在H5的页面出现,所以基本可 ...

  8. Redis事务概念

    redis事务与监控 Author:SimpleWu GitHub-redis 在redis中它的事务与批处理非常相似 Redis中的事务(transaction)是一组命令的集合.事务同命令一样都是 ...

  9. 基于kali linux无线网络渗透测试

    1.无线网络渗透测试目前主要有三种方式,分别是暴力破解PIN码,跑握手包,搭建伪热点三种方式,当然还存在其他的方式. 1.1暴力破解 路由器的PIN码由八位0-9的数字组成,PIN码由散步风组成,前四 ...

  10. OrCAD Capture CIS 16.6 快速地编辑Part的引脚名称

    操作系统:Windows 10 x64 工具1:OrCAD Capture CIS 16.6-S062 (v16-6-112FF) 工具2:Excel 参考1:http://www.360doc.co ...