jQuery don't call ASP.NET WebMethod

Question

I know there are plenty of questions like this one but I just can't solve my problem with those answers.

I have basic page and on it:

<body>
<form id="form1" runat="server">
    <div id="Result">
        <asp:ScriptManager ID="ScriptManager1"
            EnableScriptGlobalization="true"
            EnableScriptLocalization="true"
            EnablePageMethods="true"
            EnablePartialRendering="true" runat="server" />

        <script type="text/javascript">

            $(document).ready(function () {
                $("#txtSearch").bind("change", search);

            });

            function test() {
                alert("asdadadaads");
            }

            function search() {
                $.ajax({
                    type: "POST",
                    url: "~/Search.aspx/GetRegion",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        alert(msg.d)
                    }
                });
            }
        </script>

        <asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
    </div>
</form>

I am able to call test function and it shows alert. Also in Firebug I see that search() function is also called but I can't step into my code behind WebMethod.

WebMethod is like this:

[WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static void GetRegion()
    {
        SearchService.Service1 client = new Service1();

    }

I am getting crazy with this so thanks if you can help :)

remove ~/ from url so it would be url: "Search.aspx/GetRegion" and return string in webmethod — Zaki
– Zaki, Commented Nov 6, 2013 at 9:36
Firstly, remove the tilde (~) from the ajax url. That's for server-side ASP.Net and doesn't work anywhere else. — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Nov 6, 2013 at 9:37

Subin Jacob · Accepted Answer · 2013-11-06 11:52:23Z

1

Remove ~ from url in $.ajax request.
No need of ScriptManager// Won't matter even if you not changed
Put search() function outside the (document).ready() function.// Won't matter even if you didn't change
Change $("#txtSearch").bind("change", search); => $("#txtSearch").change(search);// Won't matter even if you didn't change
Also make sure same id txtSearch rendered (may not render same if master pages are used). You can use <%:txtSeacrh.ClientId%> to get clientId in HTML markup.

There is no need to use bind function if txtSearch exists in the DOM while the page loads.Also jQuery prefers to use on function instead.

$( "#txtSearch" ).on( "change", search);

jsFiddle

edited Nov 6, 2013 at 11:52

answered Nov 6, 2013 at 11:18

Subin Jacob

4,92410 gold badges39 silver badges70 bronze badges

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

Collectives™ on Stack Overflow

jQuery don't call ASP.NET WebMethod

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related