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 相关文章推荐
js内置对象 学习笔记
Aug 01 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
javascript正则表达式中的replace方法详解
Apr 20 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
vue实现添加标签demo示例代码
Jan 21 Javascript
jQuery tip提示插件(实例分享)
Apr 28 jQuery
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
JavaScript中引用vs复制示例详析
Dec 06 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下intval()和(int)转换使用与区别
2008/07/18 PHP
10个实用的PHP代码片段
2011/09/02 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
js单例模式详解实例
2013/11/21 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
JavaScript中的对象和原型(一)
2016/08/12 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
JavaScript实现省市区三级联动
2020/02/13 Javascript
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
Python的Bottle框架中返回静态文件和JSON对象的方法
2015/04/30 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
工商学院毕业生自荐信
2013/11/12 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
施工工地安全标语
2014/06/07 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
分享Python获取本机IP地址的几种方法
2022/03/17 Python