最新国产好看的视频,伊人天堂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è)面。

判斷本地有無(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ì)有所幫助。

相關(guān)文章

  • Webpack如何引入bootstrap的方法

    Webpack如何引入bootstrap的方法

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

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

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

    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í)例

    這篇文章主要介紹了javascript面向?qū)ο罂焖偃腴T(mén)實(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)原理及重寫(xiě)

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

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

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

    這篇文章主要介紹了Javascript中的對(duì)象和繼承,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(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)擊,收回菜單。接下來(lái)通過(guò)本文給大家介紹微信小程序?qū)崿F(xiàn)彈出菜單功能,感興趣的朋友一起看看吧
    2018-06-06
  • js字符串拼接的4種常見(jiàn)方法

    js字符串拼接的4種常見(jiàn)方法

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

最新評(píng)論

佛学| 化州市| 渭源县| 长葛市| 错那县| 辽宁省| 大冶市| 泌阳县| 宜宾市| 堆龙德庆县| 昭通市| 吉木萨尔县| 贞丰县| 健康| 万安县| 攀枝花市| 宁武县| 旬邑县| 织金县| 临湘市| 阿城市| 精河县| 加查县| 光山县| 枝江市| 通化市| 静宁县| 阳信县| 托克逊县| 叙永县| 大庆市| 沁阳市| 岳阳县| 肥东县| 永宁县| 重庆市| 古田县| 红原县| 万全县| 汤阴县| 金秀|