在项目上用到了批量删除与批量更改状态,前台使用了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)
{
string result = "ok";
string errMsg = "";
return this.JsonFormat(new { result = result, errMsg = errMsg });
}
此时前台js能够这样写:
var _list = {};
for (var i = 0; i
_list["selectedIDs[" + i + "].FirstName"] = checkedRow[i].FirstName;
_list["selectedIDs[" + i + "].LastName"] = checkedRow[i].LastName;
}
$.ajax({
url: '@Url.Action("SetCallBackStatus")',
//data: { "selectedIDs": _list },
data: _list,
dataType: "json",
type: "POST",
//traditional: true,
success: function (responseJSON) {
// your logic
alert('Ok');
}
});
更多推荐
ajax怎么传递list类型参数到后端,ajax传递给后台数组参数方式
发布评论