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 相关文章推荐
web基于浏览器的本地存储方法应用
Nov 27 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 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技巧与注意事项分析
2011/02/03 PHP
PHP ElasticSearch做搜索实例讲解
2020/02/05 PHP
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
2010/09/03 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
用Vue写一个分页器的示例代码
2018/04/22 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
2019/04/30 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
原生js实现trigger方法示例代码
2019/05/22 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
Python中方法链的使用方法
2016/02/23 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python常用知识点汇总
2016/05/08 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
优秀英语专业毕业生求职信
2013/11/23 职场文书
个人收入证明范本
2014/01/12 职场文书
上级检查欢迎词
2014/01/18 职场文书
安全标准化汇报材料
2014/02/03 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
建筑院校毕业生求职信
2014/06/13 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
优秀范文:《但愿人长久》教学反思3篇
2019/10/24 职场文书
vue 实现上传组件
2021/05/31 Vue.js
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL