Implement the function of logging on to users without refreshing new users based on Ajax technology.

Source: Internet
Author: User

Implement the function of logging on to users without refreshing new users based on Ajax technology.

The Code is as follows:

// JScript file function usersLogon () {var userName = document. getElementById ("txtuserName "). value; var password = document. getElementById ("txtpassword "). value; var checkCode = document. getElementById ("txtCheckCode "). value; var response = userControl_logon.CheckCodeIsRight (checkCode ). value; if (userName = "") {document. getElementById ("txtuserName "). focus (); return false;} else if (password = "") {document. getElementById ("txtpassword "). focus (); return false;} else if (checkCode = "") {document. getElementById ("txtCheckCode "). focus (); return false;} else {if (response = true) {// determine whether the user has userControl_logon.userNameAndPasswordIsExist (userName, password, userNameIsRight );} else {alert ("Verification code error"); userControl_logon.checkCodeOperaotr (refreshCheckCode); document. getElementById ("txtpassword "). value = "" ;}} function userNameIsRight (res) {var userName = document. getElementById ("txtuserName "). value; if (res. value = true) {// The user exists, but it depends on whether the user has the permission to manage the message board. userControl_logon.userNameIsRight (userName, CallBack );} else {alert ("incorrect user name or password"); document. getElementById ("txtpassword "). value = ""; OnLoad_checkCode () ;}} function CallBack (res) {if (res. value = true) {hideLogon (); var url = userControl_logon.returnUrl (); if (url. value = 404) {showDefault ();} else {document. getElementById ("Url "). innerHTML = '<a href = "' + url. value + '">' + url. value + '</a>'} else {alert ("sorry, you are not authorized"); document. getElementById ("txtpassword "). value = ""; OnLoad_checkCode () ;}// hide the logon box function hideLogon () {var element = document. getElementById ("hideLogon") element. style. display = "none"} // display the returned home page function showDefault () {var element = document. getElementById ("Returndefault") element. style. display = "block"} function OnLoad_checkCode () {userControl_logon.checkCodeOperaotr (refreshCheckCode); document. getElementById ("txtuserName "). focus (); // return false;} // is the function refreshCheckCode (res) {document. getElementById ("txtCheckCode "). value = ""; document. getElementById ("lblNumber "). innerHTML = res. value;} function abce () {alert (document. getElementById ("lblNumber "). value )}

The following code

Using System; using System. data; using System. configuration; using System. collections; using System. web; using System. web. security; using System. web. UI; using System. web. UI. webControls; using System. web. UI. webControls. webParts; using System. web. UI. htmlControls; using System. drawing; using LHB_ SQL _2005; public partial class userControl_logon: System. web. UI. userControl {protected void Page_Load (object sender, E VentArgs e) {if (! This. isPostBack) {AjaxPro. utility. registerTypeForAjax (typeof (userControl_logon) ;}} [AjaxPro. ajaxMethod] public static string checkCodeOperaotr () {string _ checkCode = GeneralMethod. generateCheckCode (); System. web. httpContext. current. session ["checkCode"] = _ checkCode; // return the verification code return _ checkCode ;} /// <summary> /// check whether the verification is correct /// </summary> /// <param name = "checkCode"> </param> /// <returns> </returns> [AjaxPro. ajaxMethod] public static bool CheckCodeIsRight (string checkCode) {string _ checkCode = (string) (System. web. httpContext. current. session ["checkCode"]); if (_ checkCode = checkCode) {return true;} else {return false ;}} /// <summary> /// determine whether the user name and password are correctly added // </summary> /// <param name = "userName"> User name </param>/ // <param name = "_ password"> username and password </param> // <returns> bool </returns> [AjaxPro. ajaxMethod] public static bool userNameAndPasswordIsExist (string userName, string _ password) {string password = GeneralMethod. toEncryptPassword (_ password); string executeString = "select count (*) FROM users WHERE userName = '" + userName. toString () + "'AND password ='" + password + "'"; int count = int. parse (GetCommand. executeScalar (executeString); if (count = 1) {System. web. httpContext. current. session ["userName"] = userName; return true;} else {return false ;}} /// <summary> /// determine whether the user has the permission to enter the Management message board. /// </summary> /// <param name = "userName"> User name </ param> // <returns> </returns> [AjaxPro. ajaxMethod] public static bool userNameIsRight (string userName) {string executeString = "SELECT [right] FROM role WHERE usersId = (select userNameId from users where userName = '" + userName + "') "; int count = int. parse (GetCommand. executeScalar (executeString); if (count> 0) {return true;} else {return false ;}} /// <summary> /// return Url value /// </summary> /// <returns> </returns> [AjaxPro. ajaxMethod] public static string returnUrl () {string url = ""; try {url = System. web. httpContext. current. session ["url"]. toString ();} catch {url = "404" ;}return url ;}}

Below is the page code

<% @ Control Language = "C #" AutoEventWireup = "true" CodeFile = "logon. ascx. cs "Inherits =" userControl_logon "%> <script language =" javascript "type =" text/javascript "src = ".. /JavaScript/logon. js "> </script> <script language =" javascript "type =" text/javascript "src =" JavaScript/logon. js "> </script> <link href = ".. /CSS/table_css.css "rel =" stylesheet "type =" text/css "/> <link href =" CSS/table_css.css "rel =" stylesheet" Type = "text/css"/> <body onload = "OnLoad_checkCode (); "> <div> <table border =" 0 "cellpadding =" 0 "cellspacing =" 0 "> <tr> <td> <table id =" hideLogon "border =" 0 "cellpadding =" 0 "cellspacing =" 0 "style =" display: block; "> <tr> <td style =" background-color: #99 ccff "> User Name: </td> <input type = "text" id = "txtuserName" style = "width: 105px "/> </td> </tr> <td style =" background-color: #99 ccff "> password: </td> <input Id = "txtpassword" type = "password" style = "width: 105px"/> </td> </tr> <td style = "background-color: #99 ccff "> Verification Code: </td> <td style =" background-color: #99 ccff "> <input type =" text "id =" txtCheckCode "style =" width: 60px "/> <label id =" lblNumber "> </label> </td> </tr> <td style =" background-color: #99 ccff "> </td> <td style =" background-color: #99 ccff "> <input type =" button "onclick =" usersLogon (); "valu E = "login" id = "btnLogon"/> </td> </tr> </table> </td> </tr> <td> <div id = "Url"> </div> </td> </tr> <td align = "center"> <table id = "Returndefault" border = "0 "cellpadding =" 0 "cellspacing =" 0 "style =" display: none; "> <tr> <td> <asp: HyperLink ID =" HyperLink1 "runat =" server "NavigateUrl = "~ /Default. aspx "> back to homepage </asp: hyperLink> </td> </tr> </table> </div> </body>

The above section describes how to use Ajax technology to implement the function of logging on to a non-refreshing user. I hope it will be helpful to you. If you have any questions, please leave a message for me, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.