您现在的位置: 365建站网 > 365学习 > 一款经典的ajax登录页面 后台asp.net

一款经典的ajax登录页面 后台asp.net

文章来源:365jz.com     点击数:1547    更新时间:2009-11-09 22:40   参与评论

 1,新建一名为login.htm的静态网页文件,作为登录页面,如图

body标签代码

2,在login.htm中引入外部js代码


<script type ="text/JavaScript" src ="aj.js" ></script>
<script type ="text/javascript" src ="loginCookies.js" ></script>


其中aj.js为ajax封装的类,loginCookie.js为对Cookie操作的代码


aj.js代码如下

3,写login.htm页面中的js代码,放在head标签之间

4,新建一名为login.aspx的页面,该页面作为ajax请求的页面,login.aspx.cs代码如下

5,新建一名为loginIndex.htm的静态页面,作为用户登录之后的首页

    其body标签代码如下

6,在loginIndex.htm页面引入loginCookie.js文件

7,写loginIdex.htm页面的js代码,放在head标签之间

8,完成,客户端代码较多,但是交互性很好


演示如下:

进入首页后,出现的窗口,带有当前登录的用户和注销按钮

当你不是输入用户和密码登陆,也是直接在浏览器地址栏中输入首页网址的时候,系统会提示你没有登录,并直接返回到登陆页面。

当用户输入了有效的用户名和密码,并要求系统记住密码,用户下次进入到登录页面时,系统会把上次记住的用户名和密码显示在输入框中。。
并且这个时候直接在浏览器的地址栏中输入首页地址,也是能正常访问的。


当输入完用户名,鼠标光标离开用户名框之后,系统会快速检验用户名是否合法

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (1547人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------