当前位置：首页 > 资讯 > 技术文档

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

时间：2021-10-12 18:05 编辑：来源：阅读：
扫一扫，手机访问

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

当网站是全静态的html页面时，而又希望网站会员在登录之后并在所有页面头部显示登录状态，如用户名等，如果未登录就是未登录状态，下面给大家来分享实现的方法。 [b]一、在html静态页面中加入div，并指定ID[/b] 如：

<div id="ajaxlogin"></div>

[b]二、新建一个动态的ajaxlogin.php文件，用来判断用户是否登录了[/b] 代码如下：

<?
session_start();
if( $_SESSION['u_login']=='turelogin' )
{
 echo '在这里显示你要在html页面中的ajaxlogin中显示的内容了';
}
else
{
 echo '显示在ajaxlogin div中未登录的提示信息';
}
?>

[b]三、好了现在html页面与php都做了，我们利用jquery+ajax 中的load来实例，在静态页面底部加入代码：[/b] 源码打印帮助

<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页面实时显示用户登录状态，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：jQuery News Ticker 基于jQuery的即时新闻行情展示插件
下一篇：jQuery实现单击弹出Div层窗口效果(可关闭可拖动)

资讯排行榜
更多>>