ajax怎么传递list类型参数到后端,ajax传递给后台数组参数方式-CSDN博客

在项目上用到了批量删除与批量更改状态，前台使用了EasyUI的DataGrid，用到了批量更改数据状态功能。javascript

在前台能够获取每条数据的ID，可是如何经过数组方式传递给后台？java

经过昨晚的各类方式的调试，终于得出了答案！在此做为备忘。jquery

目前有两种方式可行：ajax

方式一json

前台代码：数组

// 方式一

var _list = {};

for (var i = 0; i

_list["selectedIDs[" + i + "]"] = checkedRow[i].ID;

}

$.ajax({

url: '@Url.Action("SetCallBackStatus")',

//data: { "selectedIDs": _list },

data: _list,

dataType: "json",

type: "POST",

//traditional: true,

success: function (responseJSON) {

// your logic

alert('Ok');

}

});

注意：app

一、_list 是一个对象oop

二、_list中的属性须要结合后台参数名称,例如”selectedIDs“，组合成相似：selectedIDs[0]，selectedIDs[1]...等Request.Paramsthis

这里是最重要的，不然后台认不出来。这种方式也能够传递自定义类的数组。组合方式就是selectedIDs[0].FirstName，selectedIDs[0].LastName，selectedIDs[1].FirstName，selectedIDs[1].LastName...url

三、ajax的data参数直接指定为_list

后台代码：

public ActionResult SetCallBackStatus(List selectedIDs)

{

string result = "ok";

string errMsg = "";

return this.JsonFormat(new { result = result, errMsg = errMsg });

}

方式二

前台代码：

var _list = [];

for (var i = 0; i

_list[i] = checkedRow[i].ID;

}

$.ajax({

url: '@Url.Action("SetCallBackStatus")',

data: { "selectedIDs": _list },

//data: _list,

dataType: "json",

type: "POST",

traditional: true,

success: function (responseJSON) {

// your logic

alert('Ok');

}

});

注意：

一、_list 是一个数组。

二、ajax参数中data为{“selectedIDs”:_list}

三、这种方式比较重要的 traditional:true。或者将二、中的 _list参数转换一下$.param(_list,true)。这里其实就是将_list做为传统的方式传递给后台。Jquery默认是作了转换的。听说是为了使用PHP。。。。后台语言而作的。其实也就是自动在参数后面追加了”[]“。

后台代码：

同方式一

针对自定义的类，也能够经过方式一jquery ajax传递给后台

例如：

// 自定义Person类

public class Person

{

public string FirstName { get; set; }

public string LastName { get; set; }

}

// 后台Action

public ActionResult SetCallBackStatus(List selectedIDs)