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

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

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

1、解决方案。

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

2、代码部分。

（1）html部分

<div id="state_content"></div>

（2）jquery部分

jQuery(document).ready(function ()
{
  getUserData();
});
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" rel="external nofollow" rel="external nofollow" >【登录】</a><a href="/Register/index.shtml" rel="external nofollow" rel="external nofollow" >【注册】</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" rel="external nofollow" rel="external nofollow" >【登录】</a><a href="/Register/index.shtml" rel="external nofollow" rel="external nofollow" >【注册】</a>';
      $("#state_content").html(textList); //内容
     }
    },
    beforeSend: function ()
    {
    }
   };
  jQuery.ajax(Option);
  return false;
}

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》及《jquery选择器用法总结》

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

# jQuery # ajax # 页面加载 # 检查 # 用户 # 登录状态 # jQuery ajax全局函数处理session过期后的ajax跳转问题 # jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载) # jQuery Ajax页面局部加载方法汇总 # jQuery结合AJAX之在页面滚动时从服务器加载数据 # 基于jquery的finkyUI插件与Ajax实现页面数据加载功能 # jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法 # 设置为 # 均为 # 后端 # 才可以 # 加载 # 将此 # 锁住 # 都是 # 操作技巧 # 是在 # 还没有 # 相关内容 # 见过 # 感兴趣 # 采用了 # 给大家 # 要知道 # 时就 # 这么做 # 欢迎你

返回目录在线咨询

上一篇：Avalonia如何绑定到父级或祖先元素 Avalonia RelativeSource用法
下一篇：低成本建站：从零开始构建电商网站的步骤与技巧

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求