jQuery基于ajax实现页面加载后检查用户登录状态的方法

前端之家收集整理的这篇文章主要介绍了jQuery基于ajax实现页面加载后检查用户登录状态的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法分享给大家供大家参考,具体如下:

拥有会员功能的网站,如果会员已经登录,那么要显示相应的登录状态,而且这种显示的需求是在网站的每个页面都有的(目前国内网站貌似都是这么做的,还没有见过其他形式的状态显示方式),这样,在打开一个新的页面时就要知道这个会员是否已经登录,需要判断登录的状态。

1、解决方案。

为了能够实现在每一个页面判断会员登录状态的功能,我采用了页面时通过ajax传递参数通过后端返回的登录状态结果进行判断,当然,这种方式实现的前提是登录状态在后端可以保持或者能够查询到并且不利用页面向后端发送特别参数。

2、代码部分。

(1)html部分

(2)jquery部分

用户其它操作必须等待请求完成才可以执行。 timeout: 150000,//设置请求超时时间(毫秒)。此设置将覆盖全局设置。 error: function () { },success: function (data,textStatus) { if (data == null || data == undefined) { return false; } jsondata = eval('(' + data + ')'); if (jsondata.state == "success") { var weburl = ''; $("#state_content").html(weburl); //内容 } else { var textList = '【登录】【注册】'; $("#state_content").html(textList); //内容 } },beforeSend: function () { } }; jQuery.ajax(Option); return false; } function ExitLoginState() { var Option = { url: encodeURI('/Handler/AuthAccounts.ashx?action=exitloginstate'),textStatus) { if (data == null || data == undefined) { return false; } jsondata = eval('(' + data + ')'); if (jsondata.state == "success") { alert("已经退出"); var textList = '【登录】【注册】'; $("#state_content").html(textList); //内容 } },beforeSend: function () { } }; jQuery.ajax(Option); return false; }

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

原文链接:https://www.f2er.com/ajax/41832.html

猜你在找的Ajax相关文章