这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
本文给大家分享 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 页面实时显示用户登录状态,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0502/328980.html