none
Calling JSON Web Service using JQuery not working in asp.net content page RRS feed

  • Question

  • I have following code which works perfectly fine without any masterpage,but as soon as i substitute the same code in content page,it's not working.Help me find the solution for that.

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#<%=txtUserName.UniqueID%>").change(function () {
                      var uname = $("#<%=txtUserName.UniqueID%>");
                      var msgbox = $("#status");
                      if (uname.val().length > 5) {
                          $.ajax({
                              type: "POST",
                              url: "WebForm1.aspx/CheckUserName",
                              data: "{'username': '" + uname.val() + "'}",
                              contentType: "application/json; charset=utf-8",
                              dataType: "json",
                              success: function (msg) {
                                  if (msg.d == 'Available') {
                                      msgbox.html('<font color="Green"> Available </font>');
                                  }
                                  else {
                                      msgbox.html(msg.d);

                                  }
                              }
                          });
                      }
                      else {
                          msgbox.html('<font color="#cc0000">User Name must be more than 5 characters</font>');

                      }

                  });

            });


     <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div>
                        User Name :
      <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                        
                        
                        <span id="status"></span>

                        
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>

    [WebMethod]
            public static string CheckUserName(string username)
            {
                string returnValue = string.Empty;
                
                DataTable dt = new BALUserMaster().Select(new BOLUserMaster() { Username = username });
                if (dt.Rows.Count > 0)
                {
                    returnValue = "<font color='#cc0000'><b>'" + username + "'</b> is already in use.</font>'";
                }
                else
                {
                    returnValue = "Available";
                }
                return returnValue;

            }


    • Edited by Mitesh911 Sunday, June 15, 2014 8:56 PM
    Sunday, June 15, 2014 8:55 PM