Jquery load实现用户在html页面实时显示登录状态

来源:转载

今天因为工作需我们需要做这样一个功能,因为网站是全静态的页面,但有个会员功能我们需要在用户登录之后在所有页面头部显示状态,如果登录了就显示积分多少,如果未登录就是未登录状态,并且在html也可实时显示了,下面我给大家来分享我的做法。

这一块是在表态页面中的div我们指定ID即可

 代码如下 复制代码

<div id="ajaxlogin">

</div>

现在我们做一个动态的ajaxlogin.php用来判断用户是否登录了

ajaxlogin.php

 代码如下 复制代码

<?

session_start();

if( $_SESSION['u_login']=='turelogin' )

{

  echo '在这里显示你要在html页面中的ajaxlogin中显示的内容了';

}

else

{

  echo '显示在ajaxlogin div中未登录的提示信息';

}

?>

好了现在html页面与php都做了了我们利用jquery+ajax/" target="_blank">jquery ajax中的load来实例,

 代码如下 复制代码

<script src="/js/v2/jquery-1.7.2.min.js" language="javascript" type="text/javascript"></script>

<script>$('#ajaxlogin').load('ajaxlogin.php?a='+Math.random());
</script>

放在你的ajaxlogin后面就可以了,千万不能放在ajaxlogin之前哦,否则会加载失败,这样我们的html页面实时登录信息就完成了。




分享给朋友:
您可能感兴趣的文章:
随机阅读: