Ajax not posting data to controller

Question

I am posting data through ajax to a action, but the problem I am not able to get the data posted through ajax in my controller action. While debugging, the call gets transferred to action but I dont get anything in data not even 'null'.

here is my ajax call,

 $.ajax({
            type: 'POST',
            url:' @Url.Action("PostAmount", "Deal")',
            data: { country: 2, amount: 4.02 },
            datatype:JSON,

            success: function (data) {
                alert("hiiii"+data);
            }
        });

and my action,

 [HttpPost]
        public JsonResult PostAmount(int country,double amount)
        {
            AllocationViewModel mod = new AllocationViewModel();
            return Json(mod);
        }

see in console that on your given url request is going or not — Rituraj ratan
– Rituraj ratan, Commented Mar 10, 2014 at 5:33

Bhupendra Shukla · Accepted Answer · 2014-03-10 05:38:44Z

5

Try this:

var dataToPost = "{ country:'" + 2 + "', amount:" + 4.02 + "}";

$.ajax({
    url: @Url.Action("PostAmount", "Deal")',
    type: "POST",
    dataType: 'json',
    data: dataToPost,
    cache: false,
    contentType: "application/jsonrequest; charset=utf-8",
    success: function (data) {
        alert("hi"+ data);
    }
});

answered Mar 10, 2014 at 5:38

Bhupendra Shukla

3,9146 gold badges43 silver badges62 bronze badges

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

Comments

Baahubali · Accepted Answer · 2014-03-10 05:35:07Z

0

try the following:

$.ajax({
        type: 'POST',
        url:' @Url.Action("PostAmount", "Deal")',
        data: { "country": "2", "amount": "4.02" },
        datatype:JSON,

        success: function (data) {
            alert("hiiii"+data);
        }
    });

or the best solution is to save the values in an object and use the jquery function "stringify" and then send the values over. that should work.

answered Mar 10, 2014 at 5:35

Baahubali

4,8407 gold badges35 silver badges75 bronze badges

1 Comment

user3206357 Over a year ago

still not getting the data in controller :(

Rudresha Parameshappa · Accepted Answer · 2014-03-10 06:34:45Z

0

try putting json in quotes

$.ajax({
    type: 'POST',
    url:'@Url.Action("PostAmount", "Deal")',
    data: { country: "2", amount: "4.02" },
    dataType:"json",
    traditional:true,
    success: function (data) {
        alert("hiiii"+data);
    }
});

edited Mar 10, 2014 at 6:34

answered Mar 10, 2014 at 5:39

Rudresha Parameshappa

3,9363 gold badges27 silver badges43 bronze badges

Comments

Bas Ariaansz · Accepted Answer · 2017-06-05 17:43:15Z

0

You could also use JSON.stringify(yourObject) on your object to make it a JSON object. This makes it easier to create objects in javascript and pass then into the data parameter of your post request. Also use a string for the datatype parameter (https://api.jquery.com/jquery.post/), as suggested in the answers above.

var dataToPost = { country: 2, amount: 4.02 };

$.ajax({
    type: 'POST',
    url:' @Url.Action("PostAmount", "Deal")',
    data: JSON.stringify(dataToPost),
    datatype: 'json',
    success: function (data) {
        alert("hiiii"+data);
    }
});

The other way around is JSON.parse(yourJsonObject). This way you can parse a JSON string into a Javascript object.

answered Jun 5, 2017 at 17:43

Bas Ariaansz

115 bronze badges

Collectives™ on Stack Overflow

Ajax not posting data to controller

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related