AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery,ajax,显示用户登录状态

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


jquery,ajax,显示用户登录状态  
上一篇:BootStrap实现轮播图效果(收藏)  下一篇:javascript实现简单的可随机变色网页计算器示例