ASP.NET MVC ActionResult not reading json data from ajax request

Question

I have a question about reading a JSON string in C#. My scenario is following.

I have ASP.NET MVC C# project(.NET framework 3.5). In LobbyController I have

. 
.
.
using System.IO;
using System.Web.Script.Serialization;
.
.
.
[HttpPost]
public ActionResult SomeMethod(string sampleData)
{
    //do stuff here
}

and in jquery script file I have defined click function

$("#buttonID").click(function() {
    var sampleData = {
            "property1": $('#elementID1').val(),
            "property2": $('#elementID2').val(),
            "property3": $('#elementID3').val()
        };

    $.ajax({
        url: "/Lobby.aspx/SomeMethod",
        type: "POST",
        data: sampleData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function() { $('#message').html('Success').fadeIn(); },
        error: function() { $('#message').html('Error').fadeIn(); }
    });
});

Now, on click ajax function kicks in and SomeMethod is called in controller as expected but sampleData parameter is null. I also tried modifiing "data" line in ajax function like this: data: JSON.stringify(sampleData), but it didn't work as well.

I tried to alert individual properties of sampleData object and they had value they're supposed to have but for some reason ActionMethod's sampleData parameter is null. Could someone tell me what I'm missing? Maybe it's a syntax error on my part or there is something that needs to be done on c# side?

Any help would be appreciated

Show us the generated json string. This is most probably the key thing here. — kubal5003
– kubal5003, Commented Mar 29, 2012 at 12:44
Generated string is {"RaceName":"Human","StatOrigValue":"14","FreePts":"5"} — LetThereBeByte
– LetThereBeByte, Commented Mar 29, 2012 at 12:51

Juri · Accepted Answer · 2012-12-15 14:02:59Z

2

You can use a model class to bind your client data, the MVC3 has built-in support for JSON binding.

There is a example in this blog post.

edited Dec 15, 2012 at 14:02

Juri

33.1k20 gold badges108 silver badges137 bronze badges

answered Mar 29, 2012 at 13:36

Henrique Baggio

3463 silver badges5 bronze badges

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

Comments

CodingIntrigue · Accepted Answer · 2012-03-29 12:46:52Z

0

You're passing a JSON object into the action, not a string. You are close with the JSON.stringify:

data: "sampleData=" + encodeURIComponent(JSON.stringify(sampleData))

That should send a string to the server containing the JSON representation of the sampleData object

answered Mar 29, 2012 at 12:46

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

1 Comment

LetThereBeByte Over a year ago

This generates this string: stat=%7B%22RaceName%22%3A%22%C4%8Clov%C4%9Bk%22%2C%22StatOrigValue%22%3A%2214%22%2C%22FreePts%22%3A%225%22%7D but parameter of ActionResult is still null

whosrdaddy · Accepted Answer · 2012-03-29 13:29:24Z

0

Just create a class that covers the JSON model, I assume you have MVC3 which has JSON model binding built-in.

public class MyModel
{
    public string RaceName{get; set;}
    public int StatOrigValue{get; set;}
    public int FreePts{get; set;}
}

[HttpPost]
public JsonResult SomeMethod(MyModel sampledata)
{
    //do stuff here
   return new JsonResult {Data =  new {Success = "Success"}}
}

answered Mar 29, 2012 at 13:29

whosrdaddy

12k4 gold badges54 silver badges103 bronze badges

1 Comment

LetThereBeByte Over a year ago

Thank you. That's how I originally had it(except JsonResult return type) with model class defined but that didn't work so I tried to use string. I had to combine it with part of Tommy's solution.

Tommy · Accepted Answer · 2012-03-29 15:27:13Z

0

Since you are using .NET 3.5, I am assuming you are using MVC2. I just encountered the same issue last week. I had to do a few things:

Download and reference the JQuery JSON plugin in your view/master layout page/whereever.
Download the ASP.NET MVC 2 Futures Library and reference the Microsoft.Web.Mvc.dll assembly.
Change data: sampleData to data: $.toJSON(sampleData)
In your global.asax, add using System.Web.Mvc;. Then in your Application_Start() method, add the line ValueProviderFactories.Factories.Add(new JsonValueProviderFactory());

This made it possible to send JSON to my controller action method. I was getting the same crazy URLencoded mess that you were before I stumbled across this method. My basis for this information comes from a Phil Haacked article here.

answered Mar 29, 2012 at 15:27

Tommy

39.9k10 gold badges93 silver badges125 bronze badges

2 Comments

LetThereBeByte Over a year ago

Thank you for your help. This solved the problem. I combined this with whosrdaddy's solution and changed method signiture to use custom model class and return JsonResult. I'd mark helpful answers but I don't have necessary reputation yet.

Tommy Over a year ago

@LetThereBeByte: Awesome man, glad it worked for you, getting a working solution is more important than a few SO points :)

LetThereBeByte · Accepted Answer · 2012-03-30 08:34:27Z

0

Thank you all for your help.

Since I used combination of more answers I will sum it up here. What I had to do was to redefine sampledata object in jquery where property names were not enclosed in quotation marks. Then I followed Tommy's answer. Finally I changed my SomeMethod signature to return JsonResult type and accept custom defined model class as parameter as per whosrdaddy's answer. I'd mark your posts as useful but I don't have enough reputation yet. Once again thank you all for your posts.

Just a quick note. In point no. 4 of Tommy's answer you need to reference Microsoft.Web.Mvc.dll assembly you've downloaded but I'm sure you'd all figure it out.

answered Mar 30, 2012 at 8:34

LetThereBeByte

753 silver badges8 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC ActionResult not reading json data from ajax request

5 Answers 5

Comments

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related