json Array posting to mvc controller

Question

I want to post JSON array to MVC controller through AJAX POST as:

 $.ajax({
                    type: 'POST',
                    data: json.stringify(totaldata),
                    traditional:true,
                    url: '/Builder/Save',
                    success: function () {
                        alert("Playlist saved successfully!!");
                    }
                })

and my controller code is have made array of one ViewModel & want to update those values as.

[HttpPost]
    public ActionResult Save(IList<ItemEditViewModel> data,long playlistid=0, string Title="")
    {




        for (int i = 0; i < data.Count; i++)
        {
            var pc = db.PlaylistContents.FirstOrDefault(x => x.PlaylistContentId == data[i].ID);
            if (pc == null)
            {
                pc = new PlaylistContent();
                db.PlaylistContents.Add(pc);
            }
            pc.ContentMetaDataId = data[i].MetaID;
            pc.PlaylistContentSequenceId = i + 1;
        }

 db.SaveChanges();
            return RedirectToAction("Playlist", new {ID=playlistid });

}

But the Object is set to null in Controller.

My ViewModel is as,

public class ItemViewModel
{
    public long ID{get;set;}
    public long MetaID{get;set;}
}

shakib · Accepted Answer · 2013-05-04 11:58:17Z

3

Try adding the content type in ajax call,

contentType : 'application/json',

By default ajax sends with content type application/x-www-form-urlencoded; charset=UTF-8

Edit

also i dont know it this is a typo, json.stringify should be JSON.stringify

hope this helps.

answered May 4, 2013 at 11:58

shakib

5,4592 gold badges33 silver badges41 bronze badges

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

Comments

웃웃웃웃웃 · Accepted Answer · 2013-05-04 08:05:51Z

0

 $.ajax({
                    type: 'POST',
                    data: {"data":json.stringify(totaldata)},//You missed the format
                    traditional:true,
                    url: '/Builder/Save',
                    success: function () {
                        alert("Playlist saved successfully!!");
                    }
                })

answered May 4, 2013 at 8:05

웃웃웃웃웃

12k15 gold badges63 silver badges95 bronze badges

1 Comment

Rahul RJ Over a year ago

Its not the Issue with the Formating

Rahul RJ · Accepted Answer · 2013-05-07 06:17:08Z

-2

The Problem is solved & my application is working now properly. I have just done JSON.stringify() on array elements & not the whole ajax data for posting.

the code is as written below:

 var totaldata =  { data: data, playlistid: parseInt(playlistid), Title: Title };
                $.ajax({
                    type: 'POST',
                    data: { data: JSON.stringify(data), playlistid: parseInt(playlistid), Title: Title, deleted: JSON.stringify(deleted) },
                    traditional:true,
                    url: 'Save',
                    success: function (data) {

                        alert("Playlist saved successfully!!");

                    }
                })

answered May 7, 2013 at 6:17

Rahul RJ

2373 gold badges7 silver badges15 bronze badges

Collectives™ on Stack Overflow

json Array posting to mvc controller

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related