這篇文章主要介紹了js判斷登錄與否并確定跳轉(zhuǎn)頁面的方法,涉及Ajax及session使用的技巧,非常具有實(shí)用價值,需要的朋友可以參考下

本文實(shí)例講述了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");

} 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)簽中，寫οnclick="infoJumpTo"等就可以了。

但登錄頁面的customerID是如何存儲到本地的session中的呢？

function confirm(){

var tel=$tel.val();//獲取頁面中登錄名和密碼

var pwd=$pwd.val();

if(tel==""|| pwd==""){//判斷兩個均不為空(其他判斷規(guī)則在其輸入時已經(jīng)判斷)

alert("手機(jī)號密碼均不能為空！")

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í)慣輸完信息后，直接點(diǎn)擊enter免除手動點(diǎn)擊登錄按鈕，則js代碼如下：

//判斷是否敲擊了Enter鍵

$(document).keyup(function(event){

if(event.keyCode ==13){

$("#login").trigger("click");

}

});

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。