js前端ajax提交list集合参数至后端
var orderNosList = new Array();
var rows = $("#dg_linkOrder").datagrid("getChecked");
if(rows.length < 1){
$('#error').dialog('open').dialog('center').dialog('setTitle', '错误提示');
$('#error').text("请选择一条数据");
}else {
for (var i = 0; i < rows.length; i++) {
orderNosList[i] = rows[i].orderNo;
} var params = {
reserveOrderNoList:orderNosList
}; $.ajax({
url : api.LINK_ORDER_RESERVE_RETRY,
data : JSON.stringify(params),
type : 'POST',
contentType: "application/json",
dataType : 'json',
success : function(res) {
var str = '';
$(res.reserveFlowList).each(function(i, obj){
var responseCode = obj.responseCode;
var orderNo = obj.reserveFlow.orderNo;
if (responseCode == 0) {
str += "订单号为"+ orderNo +"成功<br/>";
} else {
str += "订单号为"+ orderNo + obj.responseMsg +"<br/>"
}
}); $('#error2').dialog('open').dialog('center').dialog('setTitle', '提示');
$('#error2').html(str);
// 刷新列表
linkOrder.unfresh_LinkOrder();
}
});
}
JAVA后端
@RequestMapping("/http/pss/reserveOrderRetry")
@ResponseBody
public Object reserveOrderRetry(@RequestParam("reserveOrderNoList")List<String> reserveOrderNoList) {
return service.reserveOrderRetry(reserveOrderNoList);
}
JS
var demo = new Object();
demo.name="1";
demo.id="2";
var demo2 = new Object();
demo2.name="1";
demo2.id="2"; var conditons = [];
conditons.push(demo);
conditons.push(demo2); $(function(){
$.ajax({
type:'post',
url:'/http/pss/demo',
contentType: "application/json",
data:{name:"123",conditions:JSON.stringify(conditons)},
dataType : 'json',
success:function(data){
console.log(data);
},
error: function (XMLHttpRequest, textStatus, errorThrown){
alert("error");
}
});
});
@RequestMapping("/http/pss/reserveOrderRetry")
@ResponseBody
public Object reserveOrderRetry(@RequestParam("conditions")List<Demo> conditions,
@RequestParam("name")String name) {
}
js前端ajax提交list集合参数至后端的更多相关文章
- 关于ajax提交表单参数序列化和时间戳转换
ajax提交form表单, 序列化表单的参数 //var a = $("#addfm").serialize(); //将表单的内容序列化成为一个字符串 var a = $(&qu ...
- 知问前端——Ajax提交表单
本文,运用两大表单插件,完成数据表新增的工作. 一.创建数据库 创建一个数据库,名称为:zhiwen,表——user表,字段依次为:id.name.pass.email.sex.birthday.da ...
- 前端Ajax通过设置 timeout 参数,轮询后台API
因为我连接的数据库在台湾,相距较远,所以conn.Open()方法打开极慢.前端Ajax访问API时,API的数据还未返回,前端Ajax访问已经超时. 所以设置一个轮询,设置相隔多少秒之后进行一次查询 ...
- JQuery validate.js 在ajax提交form时如何触发
在使用jquery validate.js 插件时,发现,如果是用onclick事件捕获提交按钮的动作,并且ajax动态提交form,验证不会被触发,而是直接提交了form. 后来发现,需要手动调用该 ...
- 【jQuery、Express.js】AJAX提交Form
HTML/CSS代码 构建onclick事件 <div class = "row"> <div class = "col-md-10"> ...
- js前端获取页面传递的参数
转载的,先记下: UrlParm = function () { // url参数 var data, index; (function init() { data = []; index = {}; ...
- ASP.NET MVC 后台接收集合参数和 jquery ajax 传值
MVC 接收参数数组(集合) 示例样本: public class Person { public string FirstName { get; set; } publi ...
- ASP使用ajax来传递中文参数的编码处理
背景 asp的第一版是0.9测试版,自从1996年ASP1.0诞生,迄今20余载.虽然asp在Windows2000 IIS服务5.0所附带的ASP 3.0发布后好像再没有更新过了,但是由于其入手简单 ...
- 基于Flask开发网站 -- 前端Ajax异步上传文件到后台
大家好,我是辰哥~ 辰哥最近利用空闲时间在写一个在线可视化平台,过程中也觉得一些技术还是比较有意思的,所以就以模块化的形式分享出来.如:从网页界面(前端)上传文件到服务器(后端). 放一下该模块的界面 ...
随机推荐
- 021_mac提效神奇Alfred
一.破解版下载 (1)https://pan.baidu.com/s/1Kb0HtybvdA1yzHeOWUFM_w 提取码:9tq2 Reference:https://www.jianshu.co ...
- bootstrap4简单使用和入门03-响应式布局
响应式布局的原理 页面源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- vue与jquery合作
2017年2月26日 14:59:34 星期日 场景: jquery的$.post, $.get是$.ajax的封装, 是异步的 因此, 有肯能在初始化vue实例的时候, 异步请求的结果还没返回, 这 ...
- vue-cli(vue脚手架)超详细教程
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vu ...
- CF 313B
题意: 给你一个字符串, 然后m次区间查询,求出区间有多少组 str[i] == str[i+1] 就是一个水DP了 有则Dp[i] = Dp[i-1] 无则 Dp[i] = Dp[i-1]: (刚开 ...
- Go 常见严格格式汇总(struct,func...)不定期更新!
1 引言 Golang对格式有着较为严格的规定,例如方法大括号一定要放在方法名后,否则编译不过:变量(常量除外)未使用,也编译不过等等 2 例子 2.1 struct type person stru ...
- sudo初级授权设置
linux中,不可能人人都是用root用户去修改一些文件或者操作,所以一般需要用到对用户的权限控制,linux中可以是sudo来实现 首先,权限控制的文件中 /etc/sudoers中进行配置,文件为 ...
- jemter 新增sha256函数
1 https://blog.csdn.net/y100100/article/details/80701049 2 https://blog.csdn.net/y100100/article/d ...
- Centos7 设置静态IP地址
一: 修改网卡配置文件(操作前先备份一下该文件),/etc/sysconfig/network-scripts/ 具体操作如下: 1:进入修改目录 [root@localhost ~]# clear ...
- bzoj 1042
典型的背包+容斥 首先,考虑如果没有个数的限制,那么就是一个完全背包,所以先跑一个完全背包,求出没有个数限制的方案数即可 接下来,如果有个数的限制,那么我们就要利用一些容斥的思想:没有1个超过限制的方 ...