让静态页面显示用户登录状态
2010-05-07 20:59
417 查看
静态页面上经常需要显示用户的登录状态,这样对用户来说才更加友好。
那么既然是静态页面了,那这个用户状态怎么显示呢?
两种方法:一个是iframe嵌入一个动态页面显示用户登录状态,但是这个要多一次页面请求,还涉及到链接的目标问题,不是很好。
另外一种就是AJAX。也分是否从服务器端读取,如果从服务器端读取,还是需要往返一次页面请求,性能相对较低。下面介绍直接把用户登录状态保存到客户端。这样效率最高。
正常的用户登录过程就不多介绍了,这个大家可以搜索一下。我主要介绍如何保持登录状态到客户端。
首先在登录页面写如下代码:
这里是把用户名等信息客户端存cookie
在html页中的代码如下:
那么既然是静态页面了,那这个用户状态怎么显示呢?
两种方法:一个是iframe嵌入一个动态页面显示用户登录状态,但是这个要多一次页面请求,还涉及到链接的目标问题,不是很好。
另外一种就是AJAX。也分是否从服务器端读取,如果从服务器端读取,还是需要往返一次页面请求,性能相对较低。下面介绍直接把用户登录状态保存到客户端。这样效率最高。
正常的用户登录过程就不多介绍了,这个大家可以搜索一下。我主要介绍如何保持登录状态到客户端。
首先在登录页面写如下代码:
//存入cookie HttpCookie newCookie = new HttpCookie("User"); newCookie.Expires.AddMinutes(30);//设置时间 newCookie.Values.Add("uid","001"); newCookie.Values.Add("username","leo li"); Response.AppendCookie(newCookie);
这里是把用户名等信息客户端存cookie
在html页中的代码如下:
<html> <title>测试</title> <mce:script type="text/javascript" language="javascript"><!-- function GetCookie(sMainName, sSubName) { var sCookieName = sMainName + "="; var sSubCookieName = (sSubName) ? sSubName + "=" : null; var sCookie; var sWholeCookie = document.cookie; var nValueBegin = sWholeCookie.indexOf(sCookieName); if (nValueBegin != -1) { var nValueEnd = sWholeCookie.indexOf(";", nValueBegin); if (nValueEnd == -1) nValueEnd = sWholeCookie.length; var sValue = sWholeCookie.substring(nValueBegin + sCookieName.length, nValueEnd); //获得Cookie值 if (sSubCookieName)//多值Cookie { var nSubValueBegin = sValue.indexOf(sSubCookieName); if (nSubValueBegin != -1) { var nSubValueEnd = sValue.indexOf("&", nSubValueBegin); if (nSubValueEnd == -1) nSubValueEnd = sValue.length; var sSubValue = sValue.substring(nSubValueBegin + sSubCookieName.length, nSubValueEnd); //获得指定的子键值 return unescape(sSubValue); } } if (!sSubCookieName) return unescape(sValue); } return null; } function a() { if (GetCookie('User', 'name') != null) { document.write('用户名:' + GetCookie('User', 'name') + '<a href="/logout.aspx" mce_href="logout.aspx">注销</a>'); } else { document.write('<a href="/login.aspx" mce_href="login.aspx">登录</a> <a href="/reg.aspx" mce_href="reg.aspx">注册</a>'); } } // --></mce:script> <head> </head> <body onload="a()"> </body> </html>
相关文章推荐
- 让静态页面显示用户登录状态
- jQuery Ajax 实现在html页面实时显示用户登录状态
- Jquery load实现用户在html页面实时显示登录状态
- 实现不同用户登录显示不同页面
- Django 1.11 前端数据异步加载(前端页面单独请求用户登录状态)
- 在用户登录的时候,将用户名显示在登录成功的页面,使用session。
- 当用户登录成功后,把该用户名字显示在登陆成功页面
- discuz论坛不登录状态(游客浏览)模式下,门户页面显示keyword关键词,description描述
- 静态页面中显示动态内容,一些网站的qq在线状态,还有购物车用的是这个方法
- Magento获取用户登录状态及登录用户信息 /页面加载 XML 文件
- jQuery基于ajax实现页面加载后检查用户登录状态的方法
- 1 完成登录页面(到记事本文件进行密码和用户名的验证)。 2 完成 用户注册页面(将注册信息显示在本页面 div 中)。
- PHPCMS V9 下载详情页面增加显示当前登录用户积分
- 利用jsp标签完成将用户登录的信息显示到该页面
- React-Native实现登录页面,并显示和清除用户的输入
- 页面加载后检查用户登录状态,通过ajax实现
- 编写一个jsp程序,实现用户登录,当用户输入的用户或密码错误时,将页面重定向到错误提示页,并在该页面显示30秒后 自动回到用户登录界面
- js+php实现静态页面实时调用用户登陆状态的方法
- 静态页面如何显示用户信息
- 关于页面显示当前登录的用户