我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > php >

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

时间:2016-08-20 17:26 来源:未知 | 作者:我爱学习网 | 本文已影响
当网站是全静态的html页面时,而又希望网站会员在登录之后并在所有页面头部显示登录状态,如用户名等,如果未登录就是未登录状态,下面给大家来分享实现的方法。
 
一、在html静态页面中加入div,并指定ID,如:
<div id="ajaxlogin"></div>

 
二、新建一个动态的ajaxlogin.php文件,用来判断用户是否登录了,代码如下:
<?
session_start();
if( $_SESSION['u_login']=='turelogin' )
{
  echo '在这里显示你要在html页面中的ajaxlogin中显示的内容了';
}
else
{
  echo '显示在ajaxlogin div中未登录的提示信息';
}

?>


三、好了现在html页面与php都做了,我们利用jquery+ajax 中的load来实例,在静态页面底部加入代码:

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

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

代码需放在ajaxlogin后面,千万不能放在ajaxlogin之前,否则会加载失败,这样我们的html页面实时登录信息就完成了。 (责任编辑:我爱学习网)


分享到: 更多