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