欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js判斷登錄與否并確定跳轉頁面的方法

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

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

使用session存儲,確定用戶是否登錄,從而確定頁面跳轉至哪個頁面。

判斷本地有無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中,相應的a標簽中,寫onclick="infoJumpTo"等就可以了。

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

function confirm(){ 
  var tel=$tel.val();//獲取頁面中登錄名和密碼 
  var pwd=$pwd.val(); 
  if(tel==""|| pwd==""){//判斷兩個均不為空(其他判斷規(guī)則在其輸入時已經判斷) 
    alert("手機號密碼均不能為空!") 
    return false; 
  }else{//以上均符合要求,則調用登錄esb接口 
     $.ajax({ 
       url:config.baseServerUrl + '/account/login',//相對應的esb接口地址
       type:'post',  
       data:{mobile:tel,password:pwd},//向服務器(接口)傳遞的參數
       success:function(data){//服務器(接口)返回來的數據
         if(data.success){//如果返回來的信息說明提交的信息為正確的 
           var customerId = data.attr.customerInfo.id;//將數據中用戶信息的ID賦值給變量 
           sessionStorage.customerId = customerId;//將變量存儲到本地sessionStorage中,并且value為customerID 
           window.location.href='http://localhost/index.html';//正確登錄后頁面跳轉至 
         } 
         else{//如果返回來的信息說明提供的信息為錯誤的 
           if(tel != data.tel){//判斷是用戶名還是密碼錯誤,提示相應信息 
             alert(data.message); 
             $tel.val(""); 
             $pwd.val(""); 
             return false; 
            } 
            if(pwd != data.pwd){ 
             alert(data.message); 
             $pwd.val(""); 
             return false; 
            } 
         } 
       } 
    }) 
  } 
}

登錄頁面,人們一般習慣輸完信息后,直接點擊enter免除手動點擊登錄按鈕,則js代碼如下:

//判斷是否敲擊了Enter鍵 
$(document).keyup(function(event){ 
    if(event.keyCode ==13){ 
      $("#login").trigger("click"); 
    } 
});

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

  • javascript實現單擊和雙擊并存的方法

    javascript實現單擊和雙擊并存的方法

    這篇文章主要介紹了javascript實現單擊和雙擊并存的方法,可通過定義二次點擊的間隔時間來達到判斷單擊與雙擊的效果,是非常實用的技巧,需要的朋友可以參考下
    2014-12-12
  • JavaScript圖片打印方案實例詳解

    JavaScript圖片打印方案實例詳解

    有時候我們希望文件上傳的時候預覽圖片,下面這篇文章主要給大家介紹了關于JavaScript圖片打印方案的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-03-03
  • js圖片跟隨鼠標移動代碼

    js圖片跟隨鼠標移動代碼

    大家瀏覽網頁的時候,見到過圖片跟隨鼠標移動的js特效,效果非常好,是怎么實現的呢,實現這個功能很簡單,感興趣的朋友一起看看吧
    2015-11-11
  • JavaScript實現Fly Bird小游戲

    JavaScript實現Fly Bird小游戲

    這篇文章主要為大家詳細介紹了JavaScript實現Fly Bird小游戲的制作方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • JS拋物線動畫實例制作

    JS拋物線動畫實例制作

    本篇文章給大家詳細分析了JS拋物線動畫制作過程以及相關的代碼實例分享,有興趣的朋友參考下。
    2018-02-02
  • vue(javaScript)操作字符串的一些常用方法總結

    vue(javaScript)操作字符串的一些常用方法總結

    在平時前端開發(fā)中,我們不難發(fā)現經常會用到字符串操作,這篇文章主要給大家介紹了關于vue(javaScript)操作字符串的一些常用方法的相關資料,需要的朋友可以參考下
    2024-01-01
  • Javascript中的var_dump函數實現代碼

    Javascript中的var_dump函數實現代碼

    發(fā)現了一個非常好的JavaScript調試方法,目前看到的是可以打印Object/Array/Function/String四種類型,使用方法和PHP中的var_dump()一樣,只要直接dump(變量名)即可。
    2009-09-09
  • JavaScript實現獲取select下拉框中第一個值的方法

    JavaScript實現獲取select下拉框中第一個值的方法

    這篇文章主要介紹了JavaScript實現獲取select下拉框中第一個值的方法,涉及javascript針對頁面元素屬性的相關獲取操作技巧,需要的朋友可以參考下
    2018-02-02
  • JS實現超級好看的鼠標小尾巴特效

    JS實現超級好看的鼠標小尾巴特效

    這篇文章主要給大家介紹了關于JS實現超級好看的鼠標小尾巴特效的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-12-12
  • JavaScript delete 屬性的使用

    JavaScript delete 屬性的使用

    JavaScript對象數據結構基本形式:{ key : value},其中key:value就為對象的一個屬性,key作為屬性名稱,value為屬性值,這值可以是任何JavaScript數據類型。
    2009-10-10

最新評論