ASP.NET Ajax doesnt call Url

Question

Ajax doesnt seem to be working on my View. I simplified my problem down to having a button call a controller method via ajax. The result is the same html of the view is being appended to the div. Looking through the debugger, the same GetEventForm url is called and not TestAjax

Button in GetEventForm.cshtml

<input type="button" id="btn" value="Test Ajax" class="btn-sm"/>

<div id="rule"> </div>

Ajax

<script type="text/javascript">
    $(document).ready(function () {
        $('#btn').on('click', function() {
            $.ajax({
                type: 'GET',
                cache: false,
                Url: '@Url.Action("TestAjax","Events")',
                success: function(result) { $("#rule").html(result); }
            });
        });
     });
 </script>

Controller

    public string TestAjax()
    {
        return "Response string from Controller!";
    }

Before Click

After Click

David Broderick · Accepted Answer · 2016-08-09 17:59:06Z

1

Try lowercase "url":

$.ajax({...

    url : '...'

    });

answered Aug 9, 2016 at 17:59

David Broderick

1121 silver badge8 bronze badges

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

1 Comment

Daniel Orlan Over a year ago

This is obviously the answer. It's just one of those days. Thank you.

Collectives™ on Stack Overflow

ASP.NET Ajax doesnt call Url

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related