Ajax data parameter to controller is always null

Question

How can i send both serialize object and string array to asp.net controller? My sample ajax is here=>

var $this = $("#FormName");
var frmValues = $this.serialize();
var sortorder = [];
$(".StepOrder").each(function (index) {
   sortorder.splice(index, 0, ($(this).attr('id')));
});                           

$.ajax({
  type: 'POST',
  traditional:true,
  url: '/MyController/MyAction',
  datatype:'html',
  contentType: 'application/json; charset=utf-8',
  data:JSON.stringify( { frmValues: frmValues, sortorder: sortorder }),
  success: function (data) {

  },
});

My Controller=>

[HttpPost]
public ActionResult MyAction(MyModel frmValues,List<string> sortorder)
{
 return View();
}

MyModel and sortorder in controller are always null.I also try like=>

$.ajax({
 type: 'POST',
 url: '/MyController/MyAction',
 data: { frmValues: frmValues, sortorder: sortorder },
 success: function (data) {

 },
});

It also don't work.I don't known why it doesn't work.

try JSON.stringify({ frmValues: frmValues, sortorder: sortorder }) — Usman
– Usman, Commented Apr 24, 2017 at 11:28
and also check the network tab in browser to check the request parameters — Usman
– Usman, Commented Apr 24, 2017 at 11:33

Sajal · Accepted Answer · 2017-04-24 11:17:09Z

3

Using this approach, create a DTO class which the controller action accepts as request:

$.ajax({
 type: 'POST',
 url: '/MyController/MyAction',
 data: { frmValues: frmValues, sortorder: sortorder },
 success: function (data) {

 },
});

Then DTO Class as below, make sure the keys from payload match the property name.

public class ExampleDTO 
{
   public MyModel frmValues {get; set;}
   public List<string> sortorder {get; set;}
}

Use it as:

[HttpPost]
public ActionResult MyAction(ExampleDTO req)
{
  //var frmValues = req.frmValues;
  //string sortOrder = req.sortorder;
  return View();
}

edited Apr 24, 2017 at 11:17

answered Apr 24, 2017 at 11:10

Sajal

4,4111 gold badge22 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3559349 Over a year ago

It makes no difference it the parameters are in the method or in a model. This does nothing to solve OP's problem

Collectives™ on Stack Overflow

Ajax data parameter to controller is always null

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related