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


Posted in Javascript onDecember 30, 2016

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

Javascript 相关文章推荐
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
简单实用的全选反选按钮例子
Oct 18 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
javascript实现简单的可随机变色网页计算器示例
Dec 30 #Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 #Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 #Javascript
jQuery中页面返回顶部的方法总结
Dec 30 #Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 #Javascript
JS实现全屏的四种写法
Dec 30 #Javascript
js设置文字颜色的方法示例
Dec 30 #Javascript
You might like
聊天室php&amp;mysql(六)
2006/10/09 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
Js 刷新框架页的代码
2010/04/13 Javascript
jquery选择器简述
2015/08/31 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
微信小程序和百度的语音识别接口详解
2019/05/06 Javascript
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python3基础之list列表实例解析
2014/08/13 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
关于python的list相关知识(推荐)
2017/08/30 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
Django实现学生管理系统
2019/02/26 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
浅谈Python 敏感词过滤的实现
2019/08/15 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
写好自荐信要注意的问题
2013/11/10 职场文书
市政管理求职信范文
2014/05/07 职场文书
技术入股合作协议书
2014/10/07 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
小学三年级作文之写景
2019/11/05 职场文书