jquery study notes Use jquery to achieve refresh-free login

jquery study notes Use jquery to achieve refresh-free login_jquery

WBOY

Release： 2016-05-16 18:03:45

Original

1514 people have browsed it

Okay, that’s it for the chatter. Now let’s see how to use jquery to achieve refresh-free login.
First create the html part

Copy the code The code is as follows:

Username:

Password:

Verification code:

Click to change the verification code

The functions included here are: login Verify, click Change Verification Code. There is nothing to say about this.
The following is the jquery part

Copy the code The code is as follows:

-----------Don’t forget to quote this link, otherwise jquery will not work

This is the approximate core code. When the user clicks the login button, the login event is triggered, and jquery is used to log in to Login.ashx When making a request, in Login.ashx, it just verifies whether the username and password match and whether the verification code is correct. Login.ashx is written in C# language. If you are learning another language, just change the address to another one.
img.ashx is a program that generates verification codes. Every time you click on an image, img.ashx will be revisited, so the image is changed. When the image is generated, a session will be generated to store the verification code. In Login.ashx, Just determine whether the value entered by the user and the value of the session are the same. Here I only show the main source code.

Copy code The code is as follows:

 
context.Response.ContentType = "text/plain"; 
string username = context.Request.Form["username"]; 
string password = context.Request.Form["password"]; 
string cord = context.Request.Form["cord"] ; 
if (context.Session["cord"] != null) 
{ 
if (context.Session["cord"].ToString() == cord) 
{ 
 if (username == "admin" && password == "admin") 
{ 
context.Response.Write("Login successful!"); 
} 
else 
{ 
context.Response.Write("Login failed! Username and password are wrong!"); 
} 
} 
else 
{ 
context.Response.Write("Verification code is wrong!" ); 
} 
} 