jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)
更新時間：2016年12月30日 15:42:27 投稿：mrr
本文給大家分享jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下
當(dāng)網(wǎng)站是全靜態(tài)的html頁面時，而又希望網(wǎng)站會員在登錄之后并在所有頁面頭部顯示登錄狀態(tài)，如用戶名等，如果未登錄就是未登錄狀態(tài)，下面給大家來分享實現(xiàn)的方法。
一、在html靜態(tài)頁面中加入div，并指定ID
如：
<div id="ajaxlogin"></div>
二、新建一個動態(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來實例，在靜態(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之前，否則會加載失敗，這樣我們的html頁面實時登錄信息就完成了。
以上所述是小編給大家介紹的jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
屏蔽單個元素使用戶無法點擊在某些特殊的情況下還是蠻有用的,例如及不舉了，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04
jquery實現(xiàn)的3D旋轉(zhuǎn)木馬特效代碼分享
這篇文章主要介紹了jquery實現(xiàn)的3D旋轉(zhuǎn)木馬特效，功能實現(xiàn)非常簡單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery uploadify如何取消已上傳成功文件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細(xì)的分析了jQuery結(jié)合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
為促進(jìn)大家交流與學(xué)習(xí)，開源此插件。在此感謝非老大開源！不多說了，先圖片后代碼。2010-10-10
本篇文章主要是對Jqgrid表格隨窗口大小改變而改變的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery是一個優(yōu)秀JavaScript庫，它簡化了HTML文檔遍歷，事件處理，動畫和Ajax交互。 jQuery的確改變了很多人寫JavaScript的方式。如今，有很多現(xiàn)成的jQuery插件可供選擇，幫助你在網(wǎng)站中加入驚人的功能和效果。2011-04-04
這篇文章主要介紹了jQuery實現(xiàn)商品活動倒計時，倒計時在WEB上應(yīng)用非常廣泛，如考試系統(tǒng)倒計時，團購網(wǎng)站中的優(yōu)惠活動倒計時等等，感興趣的小伙伴們可以參考一下2015-10-10
jQuery Validate格式驗證功能實例代碼（包括重名驗證）
本文通過實例代碼給大家介紹了jQuery Validate格式驗證功能，代碼中包括重名驗證的方法，需要的的朋友參考下吧2017-07-07
jqGrid翻頁時數(shù)據(jù)選中丟失問題的解決辦法
我在項目中使用jqGrid時，采用異步加載服務(wù)器數(shù)據(jù)，例如點擊翻頁、搜索時都重新加載數(shù)據(jù)。這篇文章主要介紹了jqGrid翻頁時數(shù)據(jù)選中丟失問題,需要的朋友可以參考下2017-02-02