Post from JQuery Json to ASP.Net MVC: the 2 parameters are null

Question

I came through old Q&A like jQuery posts null instead of JSON to ASP.NET Web API (on this site),
http://encosia.com/using-jquery-to-post-frombody-parameters-to-web-api/ or
https://weblog.west-wind.com/posts/2012/May/08/Passing-multiple-POST-parameters-to-Web-API-Controller-Methods...
I tried all the hints and solutions, but I still have no values in my controller.
Here is my code:

Client HTML file :

var coup = { Token: token, MotPropose: RecupMot() };
var coupJSON = JSON.stringify(coup);

$.ajax({
            type: 'POST',
            url: urlJeu,
            dataType: 'json', 
            data: coupJSON,
            success: function (reponseJSON) {
                 /* CODE HERE */
            },
        });

Which sends correctly the following JSON (says Fiddle):

{"Token":103,"MotPropose":"ravoi"}

(BTW, I'm concerned about the missing " around the int 103, no?)

Server C# controller and object:

public object Post([FromBody]CoupMeliMelo coup)
{
    return Ok(jeu.JouerLeCoup(coup));
}

public class CoupMeliMelo : ICoup
{
    public string MotPropose { get; set; }
    public int Token { get; set; }
}

Then, when the JSON comes to the controller, the object coup is created, but MotPropose is null and Token is 0.

I'm stuck! Thanks for your help.

Try adding contentType: "application/json; charset=utf-8", to your ajax call. — Jaanus Varus
– Jaanus Varus, Commented Jun 26, 2015 at 14:19

David L · Accepted Answer · 2015-06-26 14:17:12Z

0

First off, there's no reason to call stringify. Just post the object. Second, send the content as application/json.

var coup = { Token: token, MotPropose: RecupMot() };

$.ajax({
        type: 'POST',
        url: urlJeu,
        dataType: 'json', 
        contentType: "application/json",
        data: coup,
        success: function (reponseJSON) {
             /* CODE HERE */
        },
    });

Finally, the [FromBody] attribute is not applicable to ASP.NET MVC, only WebApi. You don't need it.

public object Post(CoupMeliMelo coup)
{
    return Ok(jeu.JouerLeCoup(coup));
}

answered Jun 26, 2015 at 14:17

David L

34.1k8 gold badges70 silver badges98 bronze badges

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

1 Comment

Nip Over a year ago

Actually, it is WebApi, hence I kept [FromBody] Then I removed stringify, then added the ContentType, but no success... (Sorry for the delay: I jumped to VS 2015, with some trouble...)

Collectives™ on Stack Overflow

Post from JQuery Json to ASP.Net MVC: the 2 parameters are null

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related