ansaurus

Question

Unable to successfully receive JSON data to .NET MVC Controller

Answer 1

A:

I really don't understand the usefulness of your controller action but if you simply want it to return the same JSON string as it received as input you could use the Content method:

public ActionResult Save(string personResults)
{
    return Content(personResults, "application/json");
}

Darin Dimitrov 2010-10-01 15:23:23

Answer 2

A:

Your $.Ajax call is turning the data into a string, and the you are returning just a string. It may nont be ableto figure out how to process this, and it may not be necessary.

However, suggest you try this in your controller:

return Json( new { personResults = personResults } );

Clicktricity 2010-10-01 15:34:11

Answer 3

A:

How I understand your question you want to know how to send data (input parameters) to the action of your MVC controller which will return JsonResult back.

Your first error is that input data of the action Save should be not in JSON format. MVC in designed more to work with forms, so if you send any data to the Save action the data must be url-encoded. For example to have "Bla Bla" as input of personResults parameter of the action Save your jQuery call should be following

$.ajax({
    url: "Home/Save",
    type: "POST",
    data: "personResults=Bla+Bla",
    success: function (data) {
        alert(data); },
    error: function (req, status, error) {
        alert("error! " + status + error );
    }
});

More better not make any manual encoding of the string "Bla Bla" and use data: {personResults: "Bla Bla"} instead of data: "personResults=Bla+Bla".

If you want to send more complex data to the MVC controller you can do this but you have to convert the data to JSON and back manually. For example if you include a new action Save1:

public JsonResult Save1 (string encodedAnswers) {
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    MyData data = serializer.Deserialize<MyData> (encodedAnswers);
    return Json (data);
}

where MyData defined as

public class MyData
{
    public List<MyPosition> answers { get; set; }
}
public class MyPosition
{
    public int xpos { get; set; }
    public int ypos { get; set; }
}

(In the same way you can use DataContractJsonSerializer instead of JavaScriptSerializer.) The corresponding JavaScript code could be following

var personResults = {"answers":[{"xpos":293, "ypos":415 },{"xpos":293, "ypos":416}]};
// or var personResults = {answers: [{xpos: 293, ypos: 415},{xpos: 293, ypos: 416}]};

$.ajax({
    url: "Home/Save1",
    type: "POST",
    data: {encodedAnswers: JSON.stringify(personResults)},
    success: function (data) {
        alert("answers[0].xpos="+data.answers[0].xpos); },
    error: function (req, status, error) {
        alert("error! " + status +    error );
    }
});

Oleg 2010-10-01 23:21:05

Thanks for your indepth response this is more than I could have hoped for! I was basically trying to see if my Json was valid as I need to map it to a dataclass like you have shown above. So now I'm deserializing the string to a class object and looping through that object to perform operations on the values! cheers =]

Sykth 2010-10-04 10:19:58

Thanks to all the responses as well your time was appreciated!

Sykth 2010-10-04 10:20:57

@Sykth: You welcome!

Oleg 2010-10-04 10:27:03

ansaurus

tags:

views:

answers:

Unable to successfully receive JSON data to .NET MVC Controller

related questions