没有使用PageMethods调用方法背后的代码

Question

I am trying to call a very simple code behind c# method using PageMethods (AJAX). I have EnablePageMethods = true and have my code behind method as WebMethod public static. I tried ScriptMethod with WebMethod as well but nothing working. I tried changing config file as well but no luck.

 <script type="text/javascript">
    function ShowAvailability() {
        PageMethods.btnCheck_Click(document.getElementById("<%=txtUserName.ClientID%>").value, OnSuccess)
    };
            function OnSuccess(response) {
                alert("On Success");
                var mesg = document.getElementById("mesg");
                switch (response) {
                    case "true":
                        mesg.style.color = "green";
                        mesg.innerHTML = "Available";
                        break;
                    case "false":
                        mesg.style.color = "red";
                        mesg.innerHTML = "Not Available";
                        break;
                    case "error":
                        mesg.style.color = "red";
                        mesg.innerHTML = "Error occured";
                        break;
                }
            }
            function OnChange(txt) {
                document.getElementById("mesg").innerHTML = "";
            }

            function test()
            {              
            }
</script>

<form id="form1" runat="server">
    <asp:ScriptManager ID="sm" EnablePageMethods="true" EnablePartialRendering="true" runat="server" />
<div>
        UserName :
<asp:TextBox ID="txtUserName" runat="server"
    onkeyup="OnChange(this)"></asp:TextBox>
        <%--<asp:Button ID="btnCheck" runat="server" Text="Show Availability"  OnClientClick="btnCheck_Click(), return false;"></asp:Button>--%>
        <br />
        <button id="btncheck" onclick="ShowAvailability()">Show Availability</button>
        <span id="mesg"></span>

    </div>
</form>

Answer 1

using OnClientClick, you can not call code behind method , it will call to script function named btnCheck_Click.

Use this-


    <asp:Button ID="btnSearch" runat="server" ClientIDMode="Static" Text="Search" CssClass="button" OnClick="btnSearch_Click" />

and in code behind of same page use-

  protected void btnSearch_Click(object sender, EventArgs e)
    {
       //your code
    }

in case you want to use ajax. then in client end declare-

Use this-



<asp:Button ID="btnSearch" runat="server" ClientIDMode="Static" Text="Search" CssClass="button" OnClientClick="btnSearch_Click()" />

and in Script tag call ajax

function btnSearch_Click()
    { 
       jQuery.ajax({
                url: "Dashboard.aspx/getUserDetails", /* getUserDetails is a web method */
                type: "POST",
                data: jsondata,  /* jsondata= passed parameter in json format */
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) { },
                error: function () {
                    $('#Loadingimage').hide();
                    jAlert("Please try again later", 'Moderators');

                }
             });
    }

and in Dashboard.aspx.cs write this code

     [WebMethod]
    public static String getUserDetails(string strUserId)
    {
      return "";    /* for string only */
    }