jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)
當網(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)文章
jquery實現(xiàn)的3D旋轉(zhuǎn)木馬特效代碼分享
這篇文章主要介紹了jquery實現(xiàn)的3D旋轉(zhuǎn)木馬特效,功能實現(xiàn)非常簡單,推薦給大家,有需要的小伙伴可以參考下。2015-08-08
jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細的分析了jQuery結(jié)合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
jQuery Validate格式驗證功能實例代碼(包括重名驗證)
本文通過實例代碼給大家介紹了jQuery Validate格式驗證功能,代碼中包括重名驗證的方法,需要的的朋友參考下吧2017-07-07
jqGrid翻頁時數(shù)據(jù)選中丟失問題的解決辦法
我在項目中使用jqGrid時,采用異步加載服務(wù)器數(shù)據(jù),例如點擊翻頁、搜索時都重新加載數(shù)據(jù)。這篇文章主要介紹了jqGrid翻頁時數(shù)據(jù)選中丟失問題,需要的朋友可以參考下2017-02-02

