JQuery

1个成员

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

发表于 2017-01-23 5375 次查看
今天因为工作需我们需要做这样一个功能,因为网站是全静态的页面,但有个会员功能我们需要在用户登录之后在所有页面头部显示状态,如果登录了就显示积分多少,如果未登录就是未登录状态,并且在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页面实时登录信息就完成了。

发表回复
你还没有登录,请先登录注册