Ajax in mvc view not working

Question

I don't know why my code won't work. I am just trying to make a simple call to one of my controllers and get a json result in return.

The script in my view looks the following :

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            var serviceURL = '/WorkRolesController/checkNumRoles';

            $.ajax({
                type: "POST",
                url: '@Url.Action("checkNumRoles", "WorkRolesController")',
                dataType: "json",
                success: successFunc,
                error: errorFunc
            });

            function successFunc(data, status) {
                alert(data);
            }

            function errorFunc() {
                alert('error');
            }
        });
</script>

And here is how the (simplified) action method in the controller looks :

[HttpPost]
    public ActionResult checkNumRoles()
    {

        return Json("skat", JsonRequestBehavior.AllowGet);
    }

I currently get an alert with the string 'error' in it, every time I load the page.

What am I missing?

try url: '/WorkRoles/checkNumRoles'

Elmer Dantas
– Elmer Dantas

2017-01-26 14:35:50 +00:00
Commented Jan 26, 2017 at 14:35 — Elmer Dantas
– Elmer Dantas, Commented Jan 26, 2017 at 14:35

Rory McCrossan · Accepted Answer · 2017-01-26 14:37:04Z

2

You don't need to include the Controller suffix when providing the controller name in the Url.Action. Try this:

url: '@Url.Action("checkNumRoles", "WorkRoles")',

Also note JsonRequestBehavior.AllowGet is redundant as it's a POST request only Here's a complete example:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: '@Url.Action("checkNumRoles", "WorkRoles")',
            dataType: "json",
            success: function(data, status) {
                alert(data);
            },
            error: function() {
                alert('error');
            }
        });
    });
</script>

[HttpPost]
public ActionResult checkNumRoles()
{
    return Json("skat");
}

answered Jan 26, 2017 at 14:37

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

2 Comments

Robert Ross Over a year ago

Thanks! This was the problem... Oh, God... :D

Rory McCrossan Over a year ago

No problem, glad to help :)

Collectives™ on Stack Overflow

Ajax in mvc view not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related