Javascript Ajax to ASP.NET Controller class - array of array parameter

Question

I´m having difficulties matching Javascript Ajax to ASP.NET Controller type. All parameters comes fine, except for the MsgData that comes null when received by the Controller.

My Controller classes and code:

public class AjaxMessage
{
    public enum MsgStatusType : int { OK, NOK }

    public string MsgType { get; set; }
    public List<AjaxMessageItem> MsgData { get; set; }
    public MsgStatusType MsgStatus { get; set; }
    public string MsgStatusMsg { get; set; }
}

And

public class AjaxMessageItem
{
    public string Name { get; set; }
    public string Value { get; set; }

    public AjaxMessageItem()
    {
        Name = String.Empty;
        Value = String.Empty;
    }
}

Finally:

    public ActionResult Get(AjaxMessage ajaxMessage)
    {
           ... do some stuff...
    }

My Javascript call:

var url = '@Url.Action("Get", "AjaxServer")';

$.ajax({
    url: url,
    cache: false,
    type: "POST",
    data: {
        'MsgType': 'MsgType1',
        'MsgData': { 'Name': 'customerId', 'Value': 'current' },
        'MsgStatus': 'OK',
        'MsgStatusMessage' : ''
    },
    success: function (data) {

        if (data.msgStatus != 'OK') {
            var errorMsg = 'Error reading data.' + data.msgStatusMessage;
            alert(errorMsg);
            return;
        }

          ... do some stuff...
        }
    },
    error: function (data) {
        alert('Error retrieving Ajax data.');
    }
});

At controller, I´m getting MsgType, MsgStatus and MsgStatusMsg fine whan looking for ajaxMessage variable, but MsgData is always null and shall be receiving the customerId data.

I need some help to solve that. Please help me to find out what´s missing... Thanks.

You do not seem to be passing your MsgData as an array. Don't know if it is just a typo perhaps but it should probably be: 'MsgData': [{ 'Name': 'customerId', 'Value': 'current' }],. — Eben Roux
– Eben Roux, Commented Mar 14, 2014 at 5:55
I tried that. Then the null at MsgData turned to be [1], but the values are empty. — Mendes
– Mendes, Commented Mar 14, 2014 at 14:34

vbn · Accepted Answer · 2014-03-14 06:08:06Z

2

Because you're sending an array, you will have to convert the object to JSON explicitly using JSON.stringify, wrap the MsgData in [] and set contentType: 'application/json, charset=utf-8'

$.ajax({
    url: url,
    cache: false,
    type: "POST",
    contentType: 'application/json, charset=utf-8',
    data: JSON.stringify({
        'MsgType': 'MsgType1',
        'MsgData': [{ 'Name': 'customerId', 'Value': 'current' }],
        'MsgStatus': 'OK',
        'MsgStatusMessage' : ''
    }),
    success: function (data) {

        if (data.msgStatus != 'OK') {
            var errorMsg = 'Error reading data.' + data.msgStatusMessage;
            alert(errorMsg);
            return;
        }

          ... do some stuff...
        }
    },
    error: function (data) {
        alert('Error retrieving Ajax data.');
    }
});

answered Mar 14, 2014 at 6:08

vbn

8991 gold badge7 silver badges16 bronze badges

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

1 Comment

Mendes Over a year ago

Not exactly this code, but I used jagged string outside the ajax call and then called the JSON.stringfy. Working fine for now. Thanks.

Amir Sherafatian · Accepted Answer · 2014-03-14 06:33:55Z

0

your data is sent to server, but you cant get that correctly, you can check the network tab of your browser, or check data has been sent to server by something like this:

HttpUtility.UrlDecode(Request.Form.ToString())

i think the easiest way is always stringify your data, and deserializing that to your poco object on server

answered Mar 14, 2014 at 6:33

Amir Sherafatian

2,0932 gold badges21 silver badges32 bronze badges

1 Comment

Mendes Over a year ago

Is there a place to put that in case the action method does not work (like if you have a wrong placement of variable names - in that case the controller action will not be called) ? thanks.

Collectives™ on Stack Overflow

Javascript Ajax to ASP.NET Controller class - array of array parameter

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related