js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法
本文實(shí)例講述了js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法。分享給大家供大家參考。具體如下:
使用session存儲(chǔ),確定用戶是否登錄,從而確定頁(yè)面跳轉(zhuǎn)至哪個(gè)頁(yè)面。
判斷本地有無(wú)customerID:
function jumpTo(p, url) { var customerId=sessionStorage.customerId; if (customerId == undefined) { p.attr("href", "page/Login/login.html"); <span style="white-space:pre"> </span>} else { p.attr("href", url); } } function infoJumpTo() { var $info = $("#info"); jumpTo($info, "http://localhost/page/AmountAscension/amountAscension.html"); } function starJumpTo() { var $star = $("#star"); jumpTo($star, "http://localhost/page/MyAccount/myAccount.html"); }
html中,相應(yīng)的a標(biāo)簽中,寫onclick="infoJumpTo"等就可以了。
但登錄頁(yè)面的customerID是如何存儲(chǔ)到本地的session中的呢?
function confirm(){ var tel=$tel.val();//獲取頁(yè)面中登錄名和密碼 var pwd=$pwd.val(); if(tel==""|| pwd==""){//判斷兩個(gè)均不為空(其他判斷規(guī)則在其輸入時(shí)已經(jīng)判斷) alert("手機(jī)號(hào)密碼均不能為空!") return false; }else{//以上均符合要求,則調(diào)用登錄esb接口 $.ajax({ url:config.baseServerUrl + '/account/login',//相對(duì)應(yīng)的esb接口地址 type:'post', data:{mobile:tel,password:pwd},//向服務(wù)器(接口)傳遞的參數(shù) success:function(data){//服務(wù)器(接口)返回來(lái)的數(shù)據(jù) if(data.success){//如果返回來(lái)的信息說(shuō)明提交的信息為正確的 var customerId = data.attr.customerInfo.id;//將數(shù)據(jù)中用戶信息的ID賦值給變量 sessionStorage.customerId = customerId;//將變量存儲(chǔ)到本地sessionStorage中,并且value為customerID window.location.href='http://localhost/index.html';//正確登錄后頁(yè)面跳轉(zhuǎn)至 } else{//如果返回來(lái)的信息說(shuō)明提供的信息為錯(cuò)誤的 if(tel != data.tel){//判斷是用戶名還是密碼錯(cuò)誤,提示相應(yīng)信息 alert(data.message); $tel.val(""); $pwd.val(""); return false; } if(pwd != data.pwd){ alert(data.message); $pwd.val(""); return false; } } } }) } }
登錄頁(yè)面,人們一般習(xí)慣輸完信息后,直接點(diǎn)擊enter免除手動(dòng)點(diǎn)擊登錄按鈕,則js代碼如下:
//判斷是否敲擊了Enter鍵 $(document).keyup(function(event){ if(event.keyCode ==13){ $("#login").trigger("click"); } });
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
- JS實(shí)現(xiàn)點(diǎn)擊網(wǎng)頁(yè)判斷是否安裝app并打開否則跳轉(zhuǎn)app store
- js根據(jù)手機(jī)客戶端瀏覽器類型,判斷跳轉(zhuǎn)官網(wǎng)/手機(jī)網(wǎng)站多個(gè)實(shí)例代碼
- js判斷手機(jī)訪問(wèn)或者PC的幾個(gè)例子(常用于手機(jī)跳轉(zhuǎn))
- 兩款JS腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站
- 根據(jù)user-agent判斷蜘蛛代碼黑帽跳轉(zhuǎn)代碼(js版與php版本)
- JSP中實(shí)現(xiàn)判斷客戶端手機(jī)類型并跳轉(zhuǎn)到app下載頁(yè)面
- 百度判斷手機(jī)終端并自動(dòng)跳轉(zhuǎn)js代碼及使用實(shí)例
- 用js實(shí)現(xiàn)判斷當(dāng)前網(wǎng)址的來(lái)路如果不是指定的來(lái)路就跳轉(zhuǎn)到指定頁(yè)面
- js判斷PC端與移動(dòng)端跳轉(zhuǎn)
相關(guān)文章
javascript實(shí)現(xiàn)單擊和雙擊并存的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)單擊和雙擊并存的方法,可通過(guò)定義二次點(diǎn)擊的間隔時(shí)間來(lái)達(dá)到判斷單擊與雙擊的效果,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12JavaScript實(shí)現(xiàn)Fly Bird小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Fly Bird小游戲的制作方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12vue(javaScript)操作字符串的一些常用方法總結(jié)
在平時(shí)前端開發(fā)中,我們不難發(fā)現(xiàn)經(jīng)常會(huì)用到字符串操作,這篇文章主要給大家介紹了關(guān)于vue(javaScript)操作字符串的一些常用方法的相關(guān)資料,需要的朋友可以參考下2024-01-01Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
發(fā)現(xiàn)了一個(gè)非常好的JavaScript調(diào)試方法,目前看到的是可以打印Object/Array/Function/String四種類型,使用方法和PHP中的var_dump()一樣,只要直接dump(變量名)即可。2009-09-09JavaScript實(shí)現(xiàn)獲取select下拉框中第一個(gè)值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取select下拉框中第一個(gè)值的方法,涉及javascript針對(duì)頁(yè)面元素屬性的相關(guān)獲取操作技巧,需要的朋友可以參考下2018-02-02JS實(shí)現(xiàn)超級(jí)好看的鼠標(biāo)小尾巴特效
這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)超級(jí)好看的鼠標(biāo)小尾巴特效的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12