Passing JSON data from View to Controller is null

Question

What I am trying to do is have the user be able to add new/delete JQuery tabs that will have certain model data in them, and then save it to a database. I am trying to make an ajax call to pass the JSON data to the controller, but when I trace it the data is coming in null.

enter image description here

View:

// gloabal variables
            var tabs;
.
.
.

 tabs = $("#tabs").tabs();
.
.
.
   // save tabs to database
            function SaveTabs() {
                var d1 = ko.toJSON(this);
                var associativeArray = { tabs: d1 };
                $.ajax({
                    url: "@Url.Action("SaveTabs")",
                    data: associativeArray,
                dataType: "json",
                type: "POST",
                traditional: true,
                contentType: "application/json; charset=utf-8",              

            });
            };

Controller:

public ActionResult SaveTabs(Survey survey, List<TabViewModel> tabs)
        {
             //TODO: save to DB

            //Need to finish it so that we can return real values.
            return Json(tabs);
        }

the d1 variable is not a survey, I don't have a way to get the survey yet, I just wanted to make sure I could pass data into the controller first. So I am assuming I'll need to have a dictionary that has a tab and a survey in the SaveTabs method in the controller.

jQuery has changed some since I tried what you're doing last, but I'm pretty sure you need to stringify associativeArray; I don't believe you can pass in the raw object to data. — Brian Ball
– Brian Ball, Commented May 22, 2014 at 18:04
As brian mentioned you have to use json.tostringify(//required goes here) . you can't pass Raw . serializing should be done — super cool
– super cool, Commented May 22, 2014 at 18:50

Pranav Singh · Accepted Answer · 2014-05-23 05:05:57Z

1

As per comments from supercool & Brian, you need to update ajax call to add JSON.stringify like :

        $.ajax({
                url: "@Url.Action("SaveTabs")",
                data: JSON.stringify(associativeArray),
            dataType: "json",
            type: "POST",
            traditional: true,
            contentType: "application/json; charset=utf-8",              

        });

answered May 23, 2014 at 5:05

Pranav Singh

20.3k32 gold badges83 silver badges109 bronze badges

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

1 Comment

noobieDev Over a year ago

thanks, I wasn't doing the serialize/stringify inside the ajax call, but I saw how you did it and it worked.

raphaelheitor · Accepted Answer · 2014-05-22 18:21:22Z

0

Try do it:

data: associativeArray.serialize()

answered May 22, 2014 at 18:21

raphaelheitor

1748 bronze badges

Collectives™ on Stack Overflow

Passing JSON data from View to Controller is null

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related