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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
JSON JQUERY模板实现说明
Jul 03 Javascript
JavaScript表达式:URL 协议介绍
Mar 10 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
Moment.js实现多个同时倒计时
Aug 26 Javascript
JavaScript分页组件使用方法详解
Jul 26 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 STRING 陷阱原理说明
2010/07/24 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
Yii rules常用规则示例
2016/03/15 PHP
php实现生成PDF文件的方法示例【基于FPDF类库】
2018/07/21 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
JQuery删除DOM节点的方法
2015/06/11 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
使用python绘制二维图形示例
2019/11/22 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
python实现企业微信定时发送文本消息的实例代码
2020/11/25 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
Delphi工程师笔试题
2013/09/21 面试题
供用电专业求职信
2014/07/07 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
Golang中异常处理机制详解
2021/06/08 Golang