页面加载后检查用户登录状态,通过ajax实现
来源:互联网 发布:故宫博物院淘宝店 编辑:程序博客网 时间:2024/04/27 13:40
拥有会员功能的网站,如果会员已经登录,那么要显示相应的登录状态,而且这种显示的需求是在网站的每个页面都有的(目前国内网站貌似都是这么做的,还没有见过其他形式的状态显示方式),这样,在打开一个新的页面时就要知道这个会员是否已经登录,需要判断登录的状态。
1、解决方案。
为了能够实现在每一个页面判断会员登录状态的功能,我采用了页面时通过ajax传递参数通过后端返回的登录状态结果进行判断,当然,这种方式实现的前提是登录状态在后端可以保持或者能够查询到并且不利用页面向后端发送特别参数。
2、代码部分。
(1)html部分
<span style="font-size:14px;"><div id="state_content"></div></span>(2)jquery部分
<span style="font-size:14px;">jQuery(document).ready(function () { getUserData(); });</span>
<span style="font-size:14px;">function getUserData(){ var Option = { url: encodeURI('/Handler/AuthAccounts.ashx?action=getloginstate'), type: "post", dataType: 'text', cache: false, //设置为 false 将不会从浏览器缓存中加载请求信息。 async: true, //(默认: true),所有请求均为异步请求。发送同步请求,请将此选项设置为 false。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 timeout: 150000, //设置请求超时时间(毫秒)。此设置将覆盖全局设置。 error: function () { }, success: function (data, textStatus) { if (data == null || data == undefined) { return false; } jsondata = eval('(' + data + ')'); if (jsondata.state == "success") { var weburl = '<a class="username">欢迎你,' + jsondata.message.split('|')[1] + '</a><a class="go_out" onclick="ExitLoginState()">退出</a>'; $("#state_content").html(weburl); //内容 } else { var textList = '<a href="/Login/index.shtml">【登录】</a><a href="/Register/index.shtml">【注册】</a>'; $("#state_content").html(textList); //内容 } }, beforeSend: function () { } }; jQuery.ajax(Option); return false;}function ExitLoginState(){ var Option = { url: encodeURI('/Handler/AuthAccounts.ashx?action=exitloginstate'), type: "post", dataType: 'text', cache: false, //设置为 false 将不会从浏览器缓存中加载请求信息。 async: true, //(默认: true),所有请求均为异步请求。发送同步请求,请将此选项设置为 false。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 timeout: 150000, //设置请求超时时间(毫秒)。此设置将覆盖全局设置。 error: function () { }, success: function (data, textStatus) { if (data == null || data == undefined) { return false; } jsondata = eval('(' + data + ')'); if (jsondata.state == "success") { alert("已经退出"); var textList = '<a href="/Login/index.shtml">【登录】</a><a href="/Register/index.shtml">【注册】</a>'; $("#state_content").html(textList); //内容 } }, beforeSend: function () { } }; jQuery.ajax(Option); return false;}</span>
0 0
- 页面加载后检查用户登录状态,通过ajax实现
- 通过Filter实现用户必须登录后才允许访问配送信息的填写页面和后续页面
- AJAX实现用户登录
- AJAX用户登录后跳转
- 仿微信的二维码登录功能:客户端登录后,通过扫描web端页面上的二维码,实现同一用户在web端的登录
- Servlet实现用户登录页面(通过数据库验证)
- Magento获取用户登录状态及登录用户信息 /页面加载 XML 文件
- Struts 通过拦截器实现登录后跳转到登录前页面 处理普通Http请求和Ajax请求时拦截配置
- Django 1.11 前端数据异步加载(前端页面单独请求用户登录状态)
- JS+AJAX 实现用户登录
- jQuery+Ajax实现用户登录
- 让静态页面显示用户登录状态
- 通过Servlet实现用户登录
- Struts 拦截器权限控制【通过拦截器实现登录后跳转到登录前页面】
- Struts 拦截器权限控制【通过拦截器实现登录后跳转到登录前页面】
- Struts 拦截器权限控制【通过拦截器实现登录后跳转到登录前页面】
- Struts 拦截器权限控制【通过拦截器实现登录后跳转到登录前页面】
- Ajax实现页面加载等待
- Android源码阅读
- layout 常用属性
- 低功耗模式操作
- JAVA-适配器模式
- yum-1-基本用法
- 页面加载后检查用户登录状态,通过ajax实现
- ADB(Android Debug Bridge) 的使用
- NSString的补充
- Scala编程实例:使用Set和Map
- arm函数调用约定
- Objective-C Runtime
- WebService:CXF开发
- pg_dump和pg_restore
- SIMLOCK feature