asp mvc ajax call - json parameter received as null

Question

I call a mvc controller using ajax using :

 var ajaxOptions = { url: url, type: 'POST', contentType: 'application/json', 
                     data: JSON.stringify(data) };

I send the following JSON in data

data = "{"TagList":["AA","BB","CCC","DDDD"]}"

In my controller the following method is called

[HttpPost]
public async Task<JsonResult> Update(TagItem tagItem)

and I get TagItem.TagList = null

public class TagItem
{
    public List<string> TagList { get; set; }
}

gen_Eric · Accepted Answer · 2013-05-07 20:43:09Z

4

You are missing the tagItem wrapper in JSON.

data = {"tagItem":{"TagList":["AA","BB","CCC","DDDD"]}};

var ajaxOptions = 
             { url: url, 
               type: 'POST', 
               contentType: 'application/json; charset=utf-8', 
               data: JSON.stringify(data) 
              };

Try this for instance:-

  var data = { "tagItem": { "TagList": ["AA", "BB", "CCC", "DDDD"]} };

    $.ajax({
        type: 'POST',
        url: "home/test",
        data: JSON.stringify(data),
        contentType: 'application/json; charset=utf-8'
    });

edited May 7, 2013 at 20:43

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

answered May 7, 2013 at 20:07

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Comments

webdeveloper · Accepted Answer · 2013-05-07 20:33:43Z

2

Try this with contentType:

$.ajax({
    type: 'POST',
    dataType: 'json',
    url: url,
    data: JSON.stringify(data),
    contentType: 'application/json; charset=utf-8'
});

Added:

As @PSL found OP lost tagItem, after wrapping current data with it, code must work.

edited May 7, 2013 at 20:33

answered May 7, 2013 at 19:56

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

1 Comment

PSL Over a year ago

Looking at his issue it seems more like he is missing the wrapper.

Collectives™ on Stack Overflow

asp mvc ajax call - json parameter received as null

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related