MVC jquery ajax call with input parameter

Question

I'm facing a problem when calling an action on a controller with an argument

In the controller i have following action:

[HttpPost]
public ActionResult UpdateData(string month)
{
    return Json(new { success = true, message = "Hello world" });
}

The ajax call in the view looks like:

$.ajax({
    url: '@Url.Action("UpdateData")',
    dataType: "json",
    type: "POST",
    contentType: 'application/json; charset=utf-8',
    cache: false,
    data: {  },
    success: function (data) {
        if (data.success) {
            alert(data.message);
        }
    },
    error: function (xhr) {
        alert(xhr.responseText);
    }
});

this works well, but when i want to pass the argument like

data: {month:'may'}

i get an error, the action is never called. I just don't see it.

EDIT :

Ok, i just had to pass the json as a string:

data: "{month:'may'}"

I think i need more sleep :-)

Please note that the model-view-controller tag is for questions about the pattern. There is a specific tag for the ASP.NET-MVC implementation. — user3559349
– user3559349, Commented Sep 18, 2016 at 10:21
What you need to do is remove contentType: 'application/json; charset=utf-8', and use data: {month:'may'} — user3559349
– user3559349, Commented Sep 18, 2016 at 10:22
It works, thanks! And i'll use the asp.net-mvc tag next time ;-) — Alpine13
– Alpine13, Commented Sep 18, 2016 at 10:27

Sandip - Frontend Developer · Accepted Answer · 2016-09-18 10:43:07Z

3

You have to just remove content type and also better if you pass controller name in URL:

 $.ajax({
        url: '@Url.Action("UpdateData","YourControllerName")',
        dataType: "json",
        type: "POST",            
        cache: false,
        data: {month:'may'} ,
        success: function (data) {
            if (data.success) {
                alert(data.message);
            }
        },
        error: function (xhr) {
            alert(xhr.responseText);
        }
});

answered Sep 18, 2016 at 10:43

Sandip - Frontend Developer

14.7k5 gold badges38 silver badges62 bronze badges

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

Collectives™ on Stack Overflow

MVC jquery ajax call with input parameter

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related