ajax传递给后台数组参数方式
在项目上用到了批量删除与批量更改状态,前台使用了EasyUI的DataGrid,用到了批量更改数据状态功能。
目前有两种方式可行:
方式一
前台代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | // 方式一 var _list = {}; for ( var i = 0; i < checkedRow.length; 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' ); } }); |
注意:
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
后台代码:
1 2 3 4 5 6 7 | public ActionResult SetCallBackStatus(List<int> selectedIDs) { string result = "ok" ; string errMsg = "" ; return this .JsonFormat( new { result = result, errMsg = errMsg }); } |
方式二
前台代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | var _list = []; for ( var i = 0; i < checkedRow.length; 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' ); } }); |
注意:
1、_list 是一个数组。
2、ajax参数中data为{“selectedIDs”:_list}
3、这种方式比较重要的 traditional:true。或者将2、中的 _list参数转换一下$.param(_list,true)。这里其实就是将_list作为传统的方式传递给后台。jQuery默认是做了转换的。据说是为了使用PHP。。。。后台语言而做的。其实也就是自动在参数后面追加了”[]“。
后台代码:
同方式一
针对自定义的类,也可以通过方式一jquery ajax传递给后台
例如:
1 2 3 4 5 6 | // 自定义Person类 public class Person { public string FirstName { get ; set ; } public string LastName { get ; set ; } } |
1 2 3 4 5 6 7 8 | // 后台Action public ActionResult SetCallBackStatus(List<Person> selectedIDs) { string result = "ok" ; string errMsg = "" ; return this .JsonFormat( new { result = result, errMsg = errMsg }); } |
此时前台js可以这样写:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | var _list = {}; for ( var i = 0; i < checkedRow.length; 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' ); } }); |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 易语言 —— 开山篇
· Trae初体验