jQuery Ajax 实现在html页面实时显示用户登录状态

230 阅读 0 评论 152 点赞

我是靠谱客的博主坚强硬币，最近开发中收集的这篇文章主要介绍jQuery Ajax 实现在html页面实时显示用户登录状态，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

当网站是全静态的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页面实时登录信息就完成了。

以上所述是小编给大家介绍的jQuery Ajax 实现在html页面实时显示用户登录状态，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！