最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法

 更新時(shí)間:2015年01月30日 16:05:07   作者:comeonstone  
這篇文章主要介紹了js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法,涉及Ajax及session使用的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js判斷登錄與否并確定跳轉(zhuǎn)頁(yè)面的方法。分享給大家供大家參考。具體如下:

使用session存儲(chǔ),確定用戶是否登錄,從而確定頁(yè)面跳轉(zhuǎn)至哪個(gè)頁(yè)面。

判斷本地有無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ù)器(接口)返回來的數(shù)據(jù)
         if(data.success){//如果返回來的信息說明提交的信息為正確的 
           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{//如果返回來的信息說明提供的信息為錯(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ì)有所幫助。

相關(guān)文章

  • Webpack如何引入bootstrap的方法

    Webpack如何引入bootstrap的方法

    本篇文章主要介紹了Webpack如何引入bootstrap的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • JavaScript 對(duì)象、函數(shù)和繼承

    JavaScript 對(duì)象、函數(shù)和繼承

    JavaScript可以說是一個(gè)基于對(duì)象的編程語言,為什么說是基于對(duì)象而不是面向?qū)ο?,因?yàn)镴avaScript自身只實(shí)現(xiàn)了封裝,而沒有實(shí)現(xiàn)繼承和多態(tài)。
    2009-07-07
  • Firefox下提示illegal character并出現(xiàn)亂碼的原因

    Firefox下提示illegal character并出現(xiàn)亂碼的原因

    Firefox下提示illegal character并出現(xiàn)亂碼的問題,時(shí)間是是因?yàn)榫幋a的問題導(dǎo)致。
    2010-03-03
  • JavaScript中將值轉(zhuǎn)換為字符串的五種方法總結(jié)

    JavaScript中將值轉(zhuǎn)換為字符串的五種方法總結(jié)

    這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript中將值轉(zhuǎn)換為字符串的五種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • javascript面向?qū)ο罂焖偃腴T實(shí)例

    javascript面向?qū)ο罂焖偃腴T實(shí)例

    這篇文章主要介紹了javascript面向?qū)ο罂焖偃腴T實(shí)例,以一個(gè)簡(jiǎn)單實(shí)例分析了javascript面向?qū)ο蟮闹袑?duì)象的定義與使用技巧,需要的朋友可以參考下
    2015-01-01
  • 使用JavaScript實(shí)現(xiàn)輪播圖特效

    使用JavaScript實(shí)現(xiàn)輪播圖特效

    這篇文章主要為大家詳細(xì)介紹了使用JavaScript實(shí)現(xiàn)輪播圖特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 淺析JS中NEW的實(shí)現(xiàn)原理及重寫

    淺析JS中NEW的實(shí)現(xiàn)原理及重寫

    本文通過實(shí)例代碼給大家介紹了JS中NEW的實(shí)現(xiàn)原理及重寫,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2020-02-02
  • 淺談Javascript中的對(duì)象和繼承

    淺談Javascript中的對(duì)象和繼承

    這篇文章主要介紹了Javascript中的對(duì)象和繼承,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 微信小程序?qū)崿F(xiàn)彈出菜單功能

    微信小程序?qū)崿F(xiàn)彈出菜單功能

    最近做項(xiàng)目需要這樣的需求,當(dāng)用戶點(diǎn)擊標(biāo)簽欄按鈕,向下彈出菜單,再次點(diǎn)擊,收回菜單。接下來通過本文給大家介紹微信小程序?qū)崿F(xiàn)彈出菜單功能,感興趣的朋友一起看看吧
    2018-06-06
  • js字符串拼接的4種常見方法

    js字符串拼接的4種常見方法

    JavaScript中,字符串拼接是非常常見的操作,拼接字符串有很多種方式,這篇文章主要給大家介紹了關(guān)于js字符串拼接的4種常見方法,需要的朋友可以參考下
    2023-07-07

最新評(píng)論

伊吾县| 黄浦区| 澄城县| 天长市| 永宁县| 六枝特区| 信丰县| 高青县| 石渠县| 南康市| 临泽县| 玛沁县| 商城县| 淮阳县| 民勤县| 繁峙县| 洛扎县| 汪清县| 陵水| 大余县| 龙海市| 宝鸡市| 日土县| 巴楚县| 星子县| 城市| 海口市| 昌江| 芒康县| 长治县| 江北区| 洛浦县| 弥渡县| 军事| 石景山区| 临泽县| 巴彦淖尔市| 葵青区| 永川市| 长沙市| 新安县|