ajax传递数组

转载 2016年08月30日 16:55:50

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

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

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

目前有两种方式可行:

方式一

前台代码:

[javascript] view plain copy
  1. // 方式一  
  2. var _list = {};  
  3.   
  4. for (var i = 0; i < checkedRow.length; i++) {  
  5.     _list["selectedIDs[" + i + "]"] = checkedRow[i].ID;  
  6. }  
  7.   
  8. $.ajax({  
  9.     url: '@Url.Action("SetCallBackStatus")',  
  10.     //data: { "selectedIDs": _list },  
  11.     data: _list,  
  12.     dataType: "json",  
  13.     type: "POST",  
  14.     //traditional: true,  
  15.     success: function (responseJSON) {  
  16.         // your logic  
  17.         alert('Ok');  
  18.     }  
  19. });  
注意:

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] view plain copy
  1. public ActionResult SetCallBackStatus(List<int> selectedIDs)  
  2.         {  
  3.             string result = "ok";  
  4.             string errMsg = "";  
  5.   
  6.             return this.JsonFormat(new { result = result, errMsg = errMsg });  
  7.         }  

方式二

前台代码:

[javascript] view plain copy
  1. var _list = [];  
  2.   
  3. for (var i = 0; i < checkedRow.length; i++) {  
  4.     _list[i] = checkedRow[i].ID;  
  5. }  
  6.   
  7. $.ajax({  
  8.     url: '@Url.Action("SetCallBackStatus")',  
  9.     data: { "selectedIDs": _list },  
  10.     //data: _list,  
  11.     dataType: "json",  
  12.     type: "POST",  
  13.     traditional: true,  
  14.     success: function (responseJSON) {  
  15.         // your logic  
  16.         alert('Ok');  
  17.     }  
  18. });  

注意:

1、_list 是一个数组。

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

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


后台代码:

同方式一


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

例如:

[csharp] view plain copy
  1. // 自定义Person类  
  2. public class Person  
  3. {  
  4.     public string FirstName { getset; }  
  5.     public string LastName { getset; }  
  6. }  
[csharp] view plain copy
  1. // 后台Action  
  2. public ActionResult SetCallBackStatus(List<Person> selectedIDs)  
  3. {  
  4.     string result = "ok";  
  5.     string errMsg = "";  
  6.   
  7.     return this.JsonFormat(new { result = result, errMsg = errMsg });  
  8. }  

此时前台js可以这样写:

[javascript] view plain copy
  1. var _list = {};  
  2.   
  3. for (var i = 0; i < checkedRow.length; i++) {  
  4.     _list["selectedIDs[" + i + "].FirstName"] = checkedRow[i].FirstName;  
  5.     _list["selectedIDs[" + i + "].LastName"] = checkedRow[i].LastName;  
  6. }  
  7.   
  8. $.ajax({  
  9.     url: '@Url.Action("SetCallBackStatus")',  
  10.     //data: { "selectedIDs": _list },  
  11.     data: _list,  
  12.     dataType: "json",  
  13.     type: "POST",  
  14.     //traditional: true,  
  15.     success: function (responseJSON) {  
  16.         // your logic  
  17.         alert('Ok');  
  18.     }  
  19. });  

jQuery.ajax向后台传递数组问题

jQuery.ajax向后台传递数组问题今天重温了一个问题,jQuery.ajax向后台传递一个数组,而在后台接收不到该值 前台js方法部分代码如下://创建一个测试数组 var boxIds =...
  • csdn_mrsongyang
  • csdn_mrsongyang
  • 2015年03月24日 13:58
  • 19961

js/jquey.ajax传递二位数组到java后台

思路:前台使用jquery.ajax吧二维数组发送到java后台,Java后台能获取到一维的数组,需要将一维的数组再次进行切割,java后台使用字符串的切割类StringTokenizer将收到的一维...
  • zhaoxinglin123
  • zhaoxinglin123
  • 2014年02月18日 09:55
  • 1886

ajax传递给后台数组参数方式

在项目上用到了批量删除与批量更改状态,前台使用了EasyUI的DataGrid,用到了批量更改数据状态功能。 在前台可以获取每条数据的ID,但是如何通过数组方式传递给后台? 通过昨晚的各种方式的调...
  • lingxyd_0
  • lingxyd_0
  • 2013年08月28日 10:11
  • 171674

AJAX和struts2传递JSON数组

  • 2017年12月05日 09:44
  • 7.76MB
  • 下载

jquery中通过ajax调用webservice传递数组参数的问题

如题. 还是直接用例子说明来的直接些. 本人的项目中通过jquery.ajax调用webservice. 客户端代码如下: 1 $.ajax({ 2 ...
  • dyllove98
  • dyllove98
  • 2013年04月30日 17:03
  • 1968

jquery ajax 向后台传递数组

需求:  在JS中向后台传递数组参数  分析:  JS中的数组是弱类型的可以放任何类型(对象、基本类型),但是如果数组中放的是对象类型,传递到后台是显示的只能是对象字符串--[obj...
  • ad_mq
  • ad_mq
  • 2013年07月30日 13:42
  • 807

Ajax传递二维数组到ThinkPHP控制器

介绍:录入专家信息,其中有Checkbox多选框,用于选择专家的擅长领域。专家的信息与对应的专业能力分别存储两张表。具体情况如下图 首先是界面:这个checkbox是由jQuery自动生成的,依据专业...
  • u011384199
  • u011384199
  • 2015年11月10日 14:15
  • 316

jquery ajax传递数组

//定义一个数组 var selectCount=[]; $.ajax({ url:'/bb/aaa', type:'post', dateType:'json', traditional:true,...
  • qq_28345313
  • qq_28345313
  • 2017年08月05日 16:32
  • 231

Ajax+SpringMVC传递JSON数组

使用Ajax传递JSON比较容易,但是如果要传递JSON数组,需要一点小技巧。 而且在实际开发中,当我们需要一次性保存多条记录的时候,表单通过表单提交比较麻烦,但是使用JSON数组来传递就比较方便了...
  • u011983531
  • u011983531
  • 2015年09月25日 13:00
  • 2159

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

在项目上用到了批量删除与批量更改状态,前台使用了EasyUI的DataGrid,用到了批量更改数据状态功能。 在前台可以获取每条数据的ID,但是如何通过数组方式传递给后台? 通过昨晚的各种...
  • xwnxwn
  • xwnxwn
  • 2017年03月18日 11:47
  • 2341
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax传递数组
举报原因:
原因补充:

(最多只允许输入30个字)