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