JS AJAX传递List数组到后台

http://blog.csdn.net/lingxyd_0/article/details/10428785

今天在写代码的时候,碰到的问题,百度了一下,发现原来AJAX传递List数据是可以的,之前还一直用JSON序列化(new Array()数组设置)进行传值的。

var _list = {};  //等价于 var _list=new Object();

for (var i = 0; i < 10; i++) {
    _list["后台controller中的接收名字[" + i + "]"] = 值; //设置对象的key=>value键值对,即类似于a[0]=0的内容塞入对象_list中,对于后台接收来说,就相当于List内容了
}  

$.ajax({
    url: ‘传递的路径‘,
    data: _list,  //直接传_list节可以了,相当于  data: { "ids[0]":1,"ids[1]":2 }这种写法
    dataType: "json",
    type: "POST",
    success: function (data) {
        alert(‘Ok‘);
    }
});  

另外的方式 数组模式

<script>
    var a=[];
//设置数组模式
    for (var i = 0; i < 10; i++) {
        a[i]=i;
    }
    //var b = $.param(a, true);
    $.ajax({
        url: "/jsaction/edit",
        //data:{"ids":b},这种方式我这里测试获取到的数据个数为0,倒不是为null,也不行
        dataType: "json",
        type: "post",
        data: { "ids": a },//使用这种数组方式的,得加下一句才可以,使用传统方式
        traditional: true,
        success: function (data) {
            for (var i = 0; i < data.length; i++) {
                console.log(data[i]);
            }
        }
    })
</script>
时间: 2024-09-29 04:21:05

JS AJAX传递List数组到后台的相关文章

MVVM架构~knockoutjs系列之为Ajax传递Ko数组对象

返回目录 一些要说的 这是一个很有意思的题目,在KO里,有对象和数组对象两种,但这两种对象对外表现都是一个function,如果希望得到他的值,需要进行函数式调用,如ko_a(),它的结果为一个具体值或者数组或者函数,而ko_a则表示一个KO对象. 今天主要说一下如何在ajax方法里向后台传递对象和数组等参数,一般说来,我们为后台传递的是字符串和数字,而如果希望传递对象,则需要使用$.param这个方法,下面具体用代码说一下. 一些要做的 一般后以的代码理想是这样的 public JsonRes

AJAX 传递jison数组 ;前端循环辅助数组 -----解决方案

循环赋值给数组 var arrRow = new Array(); for(var i=0;i<checkedArr.length;i++){     arrRow[i] = checkedArr[i].FUN_ID; } ajax传json数组到后端  $.ajax({   url:  "role.do?method=funcRoleAdd",   type : "post", async : false, cache : false, data: {'ro

Js前端传递json数组至服务器端并解析的实现。

最近做的一个小项目中需要将json数组数据传递到服务器端进行保存,现分享一下解决思路. 环境:EasyUi+Mvc 4.0 如下: 在上述截图中的红色圈起来的部分,需要在点击保存后通过一次ajax请求,完成数据保存. 很多项目都存在这样的需求,所以了解解决办法很重要. 分析过程: 红色圈起部分分两块,一块是图片,包含字段“图片路径”和“图片说明”,可以推断出json数据格式{'图片路径':xxx,'图片说明':xxx}. 一块是子物料集合,包含字段“子物料编号”和“备注”,可以推断出json格式

springmvc接收ajax传递的数组

之前的方法我用字符串拼接.req.getParameter("参数名[]");或json方式.虽然都能用,但是都不太令我满意. 今天参考这个贴子,ajax添加 traditional: true,即可.后台用相应数组接收就行了.比如前台传递menuIds参数如图2,后台接收用Integer[]menuIds 原文地址:https://www.cnblogs.com/yanan7890/p/10681671.html

$.ajax传递json对象到后台

var mall = { MallID: $("#createId").val().trim(), MallName: $("#createName").val().trim(), HomeURL: $("#chomeurl").val().trim(), PayNotifyURL: $("#cpayurl").val().trim(), RefundNotifyURL: $("#crepayurl").v

MVC中使用ajax传递json数组

解决方法 去www.json.org下载JSON2.js再调用JSON.stringify(JSONData)将JSON对象转化为JSON串. var people = [{ "UserName": "t1", "PassWord": "111111", "Sex": "男" }, { "UserName": "t2", "PassWor

js ajax post 提交的时候后台接收不到参数,但是代码没有错,怎么回事

这个错误有两点,你自己写的php页面里面的参数接收出错了 还有就是你没有写一句重要的代码告诉浏览器 你使用post提交方式去提交 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 出现这个错误的时候  php页面信息就会说 你的什么参数是未定义的(Undefined) 如果以上两点都没错还是接收不到参数  可以互相交流 原文地址:https://www.cnblogs.

ajax传递数组、form表单提交对象数组

在JSP页面开发中,我们常常会用到form表单做数据提交,由于以前一直只是使用form表单提交单个对象,只要表单文本域的name值和接收的对象的属性名一致,那么传值就没有什么问题.不过,在前几天的开发任务中,遇到了需要批量传递对象,也就是需要传递对象数组,在此做个总结.今天又遇到需要向后台传递数组,便一并写下来吧. 1.ajax传递普通数组 前台代码 var deleteNum= [];//定义要传递的数组 deleteNum.push("1"); deleteNum.push(&qu

js ajax 向后台传递数组

//定义数组 var _arrays = []; for (var i = 0; i < 10; i++) { _shangpins.push(i); } //post $.post(href, {list: _arrays} ); //get post datas var shangpins = Request.Params.GetValues("list[]"); js ajax 向后台传递数组