AJAX call not executing web method

Question

The Simple code below

<div class="btn btn-primary" id="btnSearch">Search</div>

<script src="<% = Page.ResolveUrl("~/Scripts/jquery-latest.js") %>"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btnSearch').click(function () {
                $.ajax({
                    method: 'POST',
                    url: 'MenuBackoffice.aspx/onSearch',
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    data: { },
                    success: function (msg) {

                    }
                });
            });
        });
    </script>

    [WebMethod]
    public static void onSearch()
    {

    }

Is not reaching my WebMethod, i don't know what is wrong, can someone add some light?

EDIT: In the debug i'm getting the following error: ailed to load resource: the server responded with a status of 500 (Internal Server Error)

and also have you tried to put a / in front of your url? .. like : url: '/MenuBackoffice.aspx/onSearch', — federico scamuzzi
– federico scamuzzi, Commented Dec 28, 2016 at 14:49
That is a server-side error (the clue is in the "Internal Server Error") :) Enable full errors display on your server to see the actual bug — iCollect.it Ltd
– iCollect.it Ltd, Commented Dec 28, 2016 at 14:49
@federicoscamuzzi: It would have been a 404 if that were the problem. — iCollect.it Ltd
– iCollect.it Ltd, Commented Dec 28, 2016 at 14:50
It could certainly be reaching your WebMethod, which then produces an unhandled exception. Add debugging or logging code to make sure what is happening. — Peter B
– Peter B, Commented Dec 28, 2016 at 14:58

Lucas Gazire · Accepted Answer · 2016-12-28 19:29:51Z

1

I had to clean and build the solution and after that the error changed to "An attempt was made to call the method 'onSearch' using a GET request, which is not allowed."

EDIT: Adding Nagaraj Raveendran solution - Instead use GET in ajax method, without having to use the ScriptMethod.

edited Dec 28, 2016 at 19:29

answered Dec 28, 2016 at 18:46

Lucas Gazire

3115 silver badges17 bronze badges

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

2 Comments

Nagaraj Raveendran Over a year ago

Good. Instead try using GET in ajax method, without having to use the ScriptMethod.

Lucas Gazire Over a year ago

That's even better. Edited.

Nagaraj Raveendran · Accepted Answer · 2016-12-28 18:17:09Z

0

add the below code to routeconfig.

routes.IgnoreRoute("MenuBackoffice.aspx/onSearch");

If this does not work, URL might be an issue. Try changing url: in ajax call.

'<%= ResolveUrl("MenuBackoffice.aspx/onSearch") %>'

edited Dec 28, 2016 at 18:17

answered Dec 28, 2016 at 16:38

Nagaraj Raveendran

1,27517 silver badges25 bronze badges

2 Comments

Nagaraj Raveendran Over a year ago

Suggested an another change you could try to make it work in the answer.

Lucas Gazire Over a year ago

Got the same error: Unknown web method onSearch. Parameter name: methodName

Collectives™ on Stack Overflow

AJAX call not executing web method

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related