随笔 - 432  文章 - 0  评论 - 15  阅读 - 63万

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'); 
    
}); 

  

posted on   狼来了  阅读(1650)  评论(1编辑  收藏  举报
编辑推荐:
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
阅读排行:
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 易语言 —— 开山篇
· Trae初体验
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示