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 相关文章推荐
AngularJS基础知识
Dec 21 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
js自定义input文件上传样式
Oct 26 Javascript
深入理解JS异步编程-Promise
Jun 03 Javascript
vue分页器组件编写方法详解
Jun 28 Javascript
Vue实现点击当前行变色
Dec 14 Vue.js
基于JavaScript实现省市联动效果
Jun 22 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 SQL防注入代码集合
2008/04/25 PHP
Zend Guard一些常见问题解答
2008/09/11 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
google 搜索框添加关键字实现代码
2010/04/24 Javascript
查找页面中所有类为test的结点的方法
2014/03/28 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
JS敏感词过滤代码
2016/12/23 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
nodejs批量下载图片的实现方法
2017/05/19 NodeJs
使用vue构建移动应用实战代码
2017/08/02 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
js仿360开机效果
2019/12/26 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
python得到单词模式的示例
2018/10/15 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
基于pycharm实现批量修改变量名
2020/06/02 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
五年级科学教学反思
2014/02/05 职场文书
机修工工作职责
2014/02/21 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
欢迎词怎么写
2015/01/23 职场文书
教师年终个人总结
2015/02/11 职场文书
2015年综治维稳工作总结
2015/04/07 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android