MVC controller parameters always null

Question

my ajax code

function gonder() {
    var params = {
        DonationInfo: {
            name: $('#name').val(),
            lastname: $('#lastname').val(),
            phone: $('#phone').val(),
            type: $('#type').val(),
            amounth: $('#amounth').val(),
            quentity: $('#quentity').val()
        }
    };
    $.ajax({
        url: '@Url.Action("Index", "Benafactor")',
        type: 'POST',
        async: true,
        data: JSON.stringify(params),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (data) {
            alert(data.success);
            $('#target').html(data);
        },
        error: function () {
            alert("error");
        }
    });
}

MY Controller

   [System.Web.Http.HttpPost]
    public ActionResult Index([FromBody] Mymodel data)
    {
        return Json(new { success = true });

    }

also i tried with string

and here is Mymodel

  public class Mymodel
{
    public string name { get; set; }
    public string lastname { get; set; }
    public string phone { get; set; }
    public string type { get; set; }
    public string amounth { get; set; }
    public string quentity { get; set; }
}

i tried hard , looked for the all same question but nothing work for me please help i can see the data in request payload but can't get the parameters into controller

Even easier than the answers, Remove contentType option and use data: $('form').serialize(), (.serialize()` correctly serializes your form controls to json) — user3559349
– user3559349, Commented May 3, 2016 at 9:45

Mostafiz · Accepted Answer · 2016-05-03 09:37:09Z

3

When you serialize object(params) as json then the structure of the mvc ActionResult paramter model(Mymodel) and the object(params) need to be same structure, in your code params and Mymodel is not same structure. Make it same will solve the problem

var params = {
            name: $('#name').val(),
            lastname: $('#lastname').val(),
            phone: $('#phone').val(),
            type: $('#type').val(),
            amounth: $('#amounth').val(),
            quentity: $('#quentity').val()
       };

edited May 3, 2016 at 9:37

answered May 3, 2016 at 9:17

Mostafiz

7,3523 gold badges30 silver badges42 bronze badges

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

4 Comments

Oğuzhan Aygün Over a year ago

i will but have to wait for 8 minutes

Karthik M R Over a year ago

better solution is given below

Mostafiz Over a year ago

you are wellcome, happy coding :)

pookie Over a year ago

I think, to add impact, it would be beneficial to give an explanation as to what was wrong, rather than just giving the answer.

Karthik M R · Accepted Answer · 2016-05-03 09:23:30Z

1

use this :

var params = {
        name: $('#name').val(),
        lastname: $('#lastname').val(),
        phone: $('#phone').val(),
        type: $('#type').val(),
        amounth: $('#amounth').val(),
        quentity: $('#quentity').val()
    }

for a complex object, its better to use variables than including it in ajax method

answered May 3, 2016 at 9:23

Karthik M R

9901 gold badge7 silver badges12 bronze badges

Comments

izsl · Accepted Answer · 2016-05-03 09:22:16Z

0

JSON.stringify is not necessarydata: params.DonationInfo

answered May 3, 2016 at 9:22

izsl

715 bronze badges

Comments

Mohammad Imran · Accepted Answer · 2016-05-03 13:54:01Z

function gonder() {
    var data= {

            name: $('#name').val(),
            lastname: $('#lastname').val(),
            phone: $('#phone').val(),
            type: $('#type').val(),
            amounth: $('#amounth').val(),
            quentity: $('#quentity').val()

    };
    $.ajax({
        url: '@Url.Action("Index", "Benafactor")',
        type: 'POST',
        async: true,
        data: JSON.stringify(params),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (data) {
            alert(data.success);
            $('#target').html(data);
        },
        error: function () {
            alert("error");
        }
    });
}

Your controller will look like this

[HttpPost]
    public ActionResult Index(Mymodel data)
    {
        return Json(new { success = true });

    }

Collectives™ on Stack Overflow

MVC controller parameters always null

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related