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 相关文章推荐
通过JAVAScript实现页面自适应
Jan 19 Javascript
可实现多表单提交的javascript函数
Aug 01 Javascript
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
自己的js工具 Event封装
Aug 21 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
Jun 08 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
微信小程序自定义导航栏实例代码
Apr 05 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登陆后跳转到登陆前页面实现思路及代码
2014/01/17 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
Three.js学习之几何形状
2016/08/01 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
Vue 使用formData方式向后台发送数据的实现
2019/04/14 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
Python yield 使用浅析
2015/05/28 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
网易2016研发工程师编程题 奖学金(python)
2019/06/19 Python
Python celery原理及运行流程解析
2020/06/13 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
大学生个人简历自我评价
2013/11/16 职场文书
服装采购员岗位职责
2014/03/15 职场文书
文案策划求职信
2014/03/18 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
安全演讲稿开场白
2014/08/25 职场文书
工作证明格式及范本
2014/09/12 职场文书
小学安全工作总结2015
2015/05/18 职场文书
小学教育见习总结
2015/06/23 职场文书
筑梦中国心得体会
2016/01/18 职场文书
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android