jQuery Ajax 實(shí)現(xiàn)在html頁面實(shí)時(shí)顯示用戶登錄狀態(tài)
當(dāng)網(wǎng)站是全靜態(tài)的html頁面時(shí),而又希望網(wǎng)站會(huì)員在登錄之后并在所有頁面頭部顯示登錄狀態(tài),如用戶名等,如果未登錄就是未登錄狀態(tài),下面給大家來分享實(shí)現(xiàn)的方法。
一、在html靜態(tài)頁面中加入div,并指定ID
如:
<div id="ajaxlogin"></div>
二、新建一個(gè)動(dòng)態(tài)的ajaxlogin.php文件,用來判斷用戶是否登錄了
代碼如下:
<? session_start(); if( $_SESSION['u_login']=='turelogin' ) { echo '在這里顯示你要在html頁面中的ajaxlogin中顯示的內(nèi)容了'; } else { echo '顯示在ajaxlogin div中未登錄的提示信息'; } ?>
三、好了現(xiàn)在html頁面與php都做了,我們利用jquery+ajax 中的load來實(shí)例,在靜態(tài)頁面底部加入代碼:
源碼打印幫助
<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之前,否則會(huì)加載失敗,這樣我們的html頁面實(shí)時(shí)登錄信息就完成了。
以上所述是小編給大家介紹的jQuery Ajax 實(shí)現(xiàn)在html頁面實(shí)時(shí)顯示用戶登錄狀態(tài),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jquery mobile頁面跳轉(zhuǎn)后樣式丟失js失效的解決方法
用ajax跳轉(zhuǎn)的時(shí)候,目標(biāo)頁的css以及js都失效,這是由于page之外的代碼都不會(huì)加載,所以導(dǎo)致在page外的js和css都失效,解決方法如下2014-09-09jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
bind與on的區(qū)別就在于–事件冒泡,關(guān)于jquery中的on與bind綁定事件的區(qū)別通過本文給大家實(shí)例講解,需要的朋友參考下吧2017-02-02zTree jQuery 樹插件的使用(實(shí)例講解)
下面小編就為大家?guī)硪黄獄Tree jQuery 樹插件的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)自定義右鍵菜單的樹狀菜單效果,涉及jquery鼠標(biāo)事件及頁面元素操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09一個(gè)很簡(jiǎn)單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css,后臺(tái)是c#)
一個(gè)很簡(jiǎn)單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css,后臺(tái)是c#)2010-06-06