Always getting null values in controller for ajax post

Question

I tried an ajax post from my view as shown below (using jQuery).

Complete Solution Here.

 $(document).ready(function () {
                var kk = {
                    Address1: "423 Judy Road",
                    Address2: "1001",
                    City: "New York",
                    State: "NY",
                    ZipCode: "10301",
                    Country: "USA"
                };
                console.log(JSON.stringify(kk));
                $.ajax({
                    url: 'Check',
                    type: 'POST',
                    data: JSON.stringify(kk),
                    dataType:"json",
                    contentType: 'application/json; charset=utf-8',
                    success: function (data) {
                        alert(data.success);
                    },
                    error: function () {
                        alert("error");
                    }
                });
            });

And received it in a controller (the method always invoked)

public ActionResult Check(AddressInfo addressInfo)
        {
            return Json(new { success = true });
        }

Model here, But when I tried to access (break point checked) the properties of the object (AddressInfo) it always showed null value. I tried without stringifying and stringifying. I 'm learning MVC now and a beginner. Please help

score 1 · Answer 1 · edited Mar 03 '18 at 04:09

1

Try the following code:

return this.Json(new { success = true }, JsonRequestBehavior.AllowGet);

If this don't work just change the request parameter from AddressInfo to String at the controller side. This will definitely work!!

edited Mar 03 '18 at 04:09

NightOwl888

55,572
24
139
212

answered Oct 08 '13 at 06:32

Sanket

286
1
3
10

Thanks buddy !!. I am glad that I can be helpful – Sanket Oct 08 '13 at 06:44
srsly mind blowing answer i was searching it for last many days and u gave the soultion thanks alottttttt – Neel Oct 08 '13 at 06:47
its always null returned. I'm working on MVC2 and dont know whats happening. Its always null – Subin Jacob Oct 08 '13 at 07:58

score 1 · Accepted Answer · answered Oct 08 '13 at 14:20

1

The reason this isn't working is because you're using ASP.NET MVC 2 and support for model binding from JSON wasn't added until ASP.NET MVC 3.

You can add that functionality to ASP.NET MVC 2 though. Phil Haack has a post describing that, with a link to sample code at the end: http://haacked.com/archive/2010/04/15/sending-json-to-an-asp-net-mvc-action-method-argument.aspx

answered Oct 08 '13 at 14:20

Dave Ward

59,815
13
117
134

Can I use JSON.stringify(person) instead of $.toJSON(person). – Subin Jacob Oct 09 '13 at 03:26
Yes, they do the same thing in browsers that support JSON.stringify. In old browsers (pre-IE8, essentially), you need to include json2.js in order to use that. – Dave Ward Oct 09 '13 at 06:17

score 0 · Answer 3 · answered Oct 07 '13 at 09:54

0

Add dataType as json in Ajax and pass addressInfo in data parameter like,

$.ajax({
    url: 'Check',
    type: 'POST',
    datatype:'json',
    data: {addressInfo:kk},
    success:function(data){
    ....
    ....
 });

answered Oct 07 '13 at 09:54

Rohan Kumar

40,431
11
76
106

But still getting null – Subin Jacob Oct 07 '13 at 09:57
Do i want to stringify the data? – Subin Jacob Oct 07 '13 at 09:58
No, there is no need of it, but check in `console` that your `ajax url` is hitting the `server` or not? – Rohan Kumar Oct 07 '13 at 10:01
Always the method will be invoked without any error. The returned JSON is getting perfectly on success function. – Subin Jacob Oct 07 '13 at 10:02
ajax url always hit the url properly and the controller method will also get invoked. But the object won't contain any value (just `null` values) – Subin Jacob Oct 07 '13 at 10:04
`Stringify` the `json` and try – Rohan Kumar Oct 07 '13 at 10:10
Added the link to complete solution. Please find it and give an answer – Subin Jacob Oct 08 '13 at 11:37
Try this http://stackoverflow.com/questions/17370062/posting-json-data-via-jquery-to-asp-net-mvc-4-controller-action – Rohan Kumar Oct 08 '13 at 12:49

score -1 · Answer 4 · answered Oct 07 '13 at 09:53

-1

Try to pass data in querystring way like this:

    $(document).ready(function () {
        var data = "Address1=423 Judy Road&Address2=1001&City=New York&State=NY&ZipCode=10301&Country=USA";

        $.ajax({
            url: 'Check',
            type: 'POST',
            data: data,
            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                alert(data.success);
            },
            error: function () {
                alert("error");
            }
        });
    });

answered Oct 07 '13 at 09:53

Flea777

1,012
9
21

I want to pass only JSON data. That's how most of the ajax posts work. – Subin Jacob Oct 07 '13 at 09:55
Ok, so don't pass a JSON string but a JSON object. – Flea777 Oct 07 '13 at 09:56
still its null value getting in the controller – Subin Jacob Oct 07 '13 at 10:05

Always getting null values in controller for ajax post

4 Answers4

Linked