ajax传递给asp.net mvc 后台数组参数方式

前端之家收集整理的这篇文章主要介绍了ajax传递给asp.net mvc 后台数组参数方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

前台可以获取每条数据的ID,但是如何通过数组方式传递给后台

通过昨晚的各种方式的调试,终于得出了答案! 在此作为备忘。

目前有两种方式可行:

方式一

前台代码

[javascript] view plain copy
  1. //方式一
  2. var_list={};
  3. for(vari=0;i<checkedRow.length;i++){
  4. _list["selectedIDs["+i+"]"]=checkedRow[i].ID;
  5. }
  6. $.ajax({
  7. url:'@Url.Action("SetCallBackStatus")',
  8. //data:{"selectedIDs":_list},
  9. data:_list,
  10. dataType:"json",
  11. type:"POST",0); background-color:inherit">//traditional:true,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> success:function(responseJSON){
  12. //yourlogic
  13. alert('Ok');
  14. });
注意:

1、_list 是一个对象

2、_list中的属性需要结合后台参数名称,例如”selectedIDs“,组合成类似:selectedIDs[0],selectedIDs[1]...等Request.Params

这里是最重要的,否则后台认不出来。这种方式也可以传递自定义类的数组。组合方式就是selectedIDs[0].FirstName,selectedIDs[0].LastName,selectedIDs[1].FirstName,selectedIDs[1].LastName...

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


后台代码

[csharp] copy
    publicActionResultSetCallBackStatus(List<int>selectedIDs)
  1. {
  2. stringresult="ok";
  3. stringerrMsg="";
  4. returnthis.JsonFormat(new{result=result,errMsg=errMsg});
  5. }

方式二

copy

    var_list=[];
  1. vari=0;i<checkedRow.length;i++){
  2. _list[i]=checkedRow[i].ID;
  3. }
  4. $.ajax({
  5. url:'@Url.Action("SetCallBackStatus")',108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> data:{"selectedIDs":_list},0); background-color:inherit">//data:_list,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> dataType:"json",248)"> type:"POST",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> traditional:true,248)"> success:function(responseJSON){
  6. //yourlogic
  7. alert('Ok');
  8. });

1、_list 是一个数组。

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

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


后台代码

同方式一

针对自定义的类,也可以通过方式一jquery ajax传递给后台

例如:

copy

    //自定义Person类
  1. publicclassPerson
  2. {
  3. stringFirstName{get;set;}
  4. stringLastName{set;}
  5. }
copy
    //后台Action
  1. publicActionResultSetCallBackStatus(List<Person>selectedIDs)
  2. stringresult="ok";
  3. stringerrMsg="";
  4. }

此时前台js可以这样写:

copy

    var_list={};
  1. _list["selectedIDs["+i+"].FirstName"]=checkedRow[i].FirstName;
  2. _list["selectedIDs["+i+"].LastName"]=checkedRow[i].LastName;
  3. });
原文链接:https://www.f2er.com/ajax/161313.html

猜你在找的Ajax相关文章