how to use ajax correctly in web forms?

Question

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.

Sachin Singh · 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: "' + $("# ")[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 = $( "# " )[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 ; } } follow

how to use ajax correctly in web forms?

Answers (1)