js判断登录与否并确定跳转页面的方法


Posted in Javascript onJanuary 30, 2015

本文实例讲述了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==""){//判断两个均不为空(其他判断规则在其输入时已经判断) 
    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 相关文章推荐
jQuery 性能优化指南(2)
May 21 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
vue.js 实现输入框动态添加功能
Jun 25 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
jQuery知识点整理
Jan 30 #Javascript
浅谈jquery回调函数callback的使用
Jan 30 #Javascript
jQuery修改class属性和CSS样式整理
Jan 30 #Javascript
javascript中AJAX用法实例分析
Jan 30 #Javascript
JavaScript基础函数整理汇总
Jan 30 #Javascript
JS解析XML实例分析
Jan 30 #Javascript
javascript中键盘事件用法实例分析
Jan 30 #Javascript
You might like
php写的AES加密解密类分享
2014/06/20 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
JS常用函数使用指南
2014/11/23 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
基于jQuery Ajax实现上传文件
2016/03/24 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
详解redux异步操作实践
2018/08/15 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
使用JS监听键盘按下事件(keydown event)
2019/11/07 Javascript
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
python爬虫用scrapy获取影片的实例分析
2020/11/23 Python
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
六月份红领巾广播稿
2014/02/03 职场文书
企业宣传方案
2014/03/04 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
工程质量承诺书
2014/03/27 职场文书
合作意向协议书范本
2014/03/31 职场文书
演讲比赛策划方案
2014/06/11 职场文书
档案工作汇报材料
2014/08/21 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
给医院的感谢信
2015/01/21 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
2016年母亲节寄语
2015/12/04 职场文书
Mysql Show Profile
2021/04/05 MySQL