How Ajax is passed to the background array parameter

Bulk deletion and batch change status are used on the project, the Easyui DataGrid is used in the foreground, and the batch change data state function is used.

You can get the ID of each data in the foreground, but how do you pass it to the background in an array way?

Through the various ways of debugging last night, finally arrived at the answer! Here as a memo.

There are two ways of doing this:

Way One

Front Code:

[JavaScript]View Plaincopy

2. Way One
4. var _list = {};
8. for (var i = 0; i < checkedrow.length; i++) {
10. _list["selectedids[" + i + "]"] = checkedrow[i].id;
12. }
16. $.ajax ({
18. URL: ' @Url. Action ("Setcallbackstatus") ',
20. //data: {"Selectedids": _list},
22. Data: _list,
24. DataType: "JSON",
26. Type: "POST",
28. //traditional:true,
30. Success: function (Responsejson) {
32. //Your logic
34. Alert (' Ok ');
36. }
38. });

Attention:

1. _list is an object

2, the attributes in _list need to combine the background parameter name, for example "Selectedids", combined into similar: selectedids[0],selectedids[1] ... ET request.params

Here is the most important, otherwise the background does not recognize. This way you can also pass an array of custom classes. The combination is selectedids[0]. Firstname,selectedids[0]. LASTNAME,SELECTEDIDS[1]. FIRSTNAME,SELECTEDIDS[1]. LastName ...

3. The data parameter of AJAX is directly specified as _list

Background code:

[CSharp]View Plaincopy

2. Public ActionResult setcallbackstatus (list<int> selectedids)
4. {
6. string result = "OK";
8. string errmsg = "";
12. return this .  Jsonformat (new {result = result, ErrMsg = errmsg});
14. }

Way Two

Front Code:

[JavaScript]View Plaincopy

2. var _list = [];
6. for (var i = 0; i < checkedrow.length; i++) {
8. _list[i] = checkedrow[i].id;
10. }
14. $.ajax ({
16. URL: ' @Url. Action ("Setcallbackstatus") ',
18. Data: { "selectedids": _list},
20. //data: _list,
22. DataType: "JSON",
24. Type: "POST",
26. Traditional: true,
28. Success: function (Responsejson) {
30. //Your logic
32. Alert (' Ok ');
34. }
36. });

Attention:

1, _list is an array.

2. The data in the Ajax parameter is {"Selectedids": _list}

3, this way is more important traditional:true. or convert the _list parameter in 2 to $.param (_list,true). In fact, this is the _list as the traditional way to pass to the backstage. jquery is converted by default. It is said to use PHP .... Background language. In fact, it automatically appends "[]" to the parameter.

Background code:

Same way One

For custom classes, you can also pass the way a jquery ajax to the background

For example:

[CSharp]View Plaincopy < param name= "wmode" value= "Transparent" >

1. Customizing the Person class
2. Public class person
3. {
4. public string FirstName { get;  set;}
5. public string LastName { get;  set;}
6. }

[CSharp]View Plaincopy < param name= "wmode" value= "Transparent" >

1. Background action
2. Public ActionResult Setcallbackstatus (list<person> selectedids)
3. {
4. string result = "OK";
5. string errmsg = "";
7. return this .  Jsonformat (new {result = result, ErrMsg = errmsg});
8. }

At this time the front desk JS can write:

[JavaScript]View Plaincopy

2. var _list = {};
6. for (var i = 0; i < checkedrow.length; i++) {
8. _list["selectedids[" + i + "]. FirstName "] = Checkedrow[i].  FirstName;
10. _list["selectedids[" + i + "]. LastName "] = Checkedrow[i].  LastName;
12. }
16. $.ajax ({
18. URL: ' @Url. Action ("Setcallbackstatus") ',
20. //data: {"Selectedids": _list},
22. Data: _list,
24. DataType: "JSON",
26. Type: "POST",
28. //traditional:true,
30. Success: function (Responsejson) {
32. //Your logic
34. Alert (' Ok ');
36. }
38. });

How Ajax is passed to the background array parameter