how to use ajax correctly in web forms?

Sharma Raushan

I have a web form where i need to check if user already exists or not, i am not able to make an Ajax request.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
mark your method as webmethod then you will be able to call it from script easily.
"txtUsernameOrEmail" runat="server" onchange="UserOrEmailAvailability()" />

                        "checkusernameoremail" runat="server">
                            "lblStatus" runat="server">
"Scripts/jquery-1.7.1.min.js">
"text/javascript">
function UserOrEmailAvailability() { //This function call on text change.
$.ajax({
type: "POST",
url: "registration.aspx/CheckEmail", // this for calling the web method function in cs code.
data: '{useroremail: "' + $("#<%=txtUsernameOrEmail.ClientID%>")[0].value + '" }',// user name or email value
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response);
}
});
}
// function OnSuccess
function OnSuccess(response) {
var msg = $("#<%=lblStatus.ClientID%>")[0];
switch (response.d) {
case "true":
msg.style.display = "block";
msg.style.color = "red";
msg.innerHTML = "User Name Or Email already exists.";
break;
case "false":
msg.style.display = "block";
msg.style.color = "green";
msg.innerHTML = "User Name Or Email Available";
break;
}
}