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)簽中,寫(xiě)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前端開(kāi)發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
- JS實(shí)現(xiàn)點(diǎn)擊網(wǎng)頁(yè)判斷是否安裝app并打開(kāi)否則跳轉(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)文章
Firefox下提示illegal character并出現(xiàn)亂碼的原因
Firefox下提示illegal character并出現(xiàn)亂碼的問(wèn)題,時(shí)間是是因?yàn)榫幋a的問(wèn)題導(dǎo)致。2010-03-03
JavaScript中將值轉(zhuǎn)換為字符串的五種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript中將值轉(zhuǎn)換為字符串的五種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
javascript面向?qū)ο罂焖偃腴T(mén)實(shí)例
這篇文章主要介紹了javascript面向?qū)ο罂焖偃腴T(mén)實(shí)例,以一個(gè)簡(jiǎn)單實(shí)例分析了javascript面向?qū)ο蟮闹袑?duì)象的定義與使用技巧,需要的朋友可以參考下2015-01-01
使用JavaScript實(shí)現(xiàn)輪播圖特效
這篇文章主要為大家詳細(xì)介紹了使用JavaScript實(shí)現(xiàn)輪播圖特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
淺析JS中NEW的實(shí)現(xiàn)原理及重寫(xiě)
本文通過(guò)實(shí)例代碼給大家介紹了JS中NEW的實(shí)現(xiàn)原理及重寫(xiě),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2020-02-02

