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");
    }
});
时间: 2024-08-26 16:41:27

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

js弹出提示框并跳转页面

1.提示框有两个选择项,点确定跳转,取消停留在原页面ScriptManager.RegisterStartupScript(Page, this.GetType(), "", "<script>if(confirm('请登录?')){location.href='login.aspx'};</script>", false); 2.提示框只有一个确定按钮,跳转到指定页面ScriptManager.RegisterStartupScript(p

js判断浏览器是否安装或启用了flash的方法总结

目录 # js判断浏览器是否安装或启用了flash的方法 # chrome浏览器启用flash插件的方法 # 参考 # js判断浏览器是否安装或启用了flash的方法 在传统浏览器,可以使用window.ActiveXObject来检查浏览器是否安装或启用了相关的控件.检查浏览器是否安装或启用了flash控件,首先需要先检查浏览器是否支持ActiveXObject,可以使用typeof检查window.ActiveXObject是否等于undefined,语法: typeof window.Ac

ASP.NET弹出提示点击确定之后再跳转页面的方法

//ASP.NET弹出提示点击确定之后再跳转页面的方法 //弹出了提示并且通过location.href转到了DeskTop.aspx页面 Response.Write("<script>alert('密码修改成功');location.href='DeskTop.aspx';</script>");

js 中如何通过提示框跳转页面

通过提示框跳转页面 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 window.onload = function(){ //设置当页面加载时执行 1

(转)用JS判断ckeditor3.6版本编辑器内容为空的方法

因为编者我还是一个初学入门者,无论是JS还是PHP,都是懂了点皮毛.今天在研究ckeditor编辑器的时候遇到了一些问题,虽然这只是我的个人问题,但觉得可以分享给其他人,或许也有像我这样的初学者也会遇到这问题. 好了,现在谈一下这问题. 在接触ckeditor编辑器之前,编者制作的表单都是用的<textarea>标签,比如制作的留言本.新闻发布器等,但由于<textarea>的输入框输入的内容格式单一,基本没什么扩展功能,所以使用了ckeditor编辑器.在这里先声明,编者使用的是

小程序-跳转页面的方法

刚开始编写小程序时,页面跳转一直采用wx.navigateTo, 但是当我一直来回跳转后,页面就没反应了.今天师傅提示我还可以用其他的方法跳转,现在记录下来,怕时间一久我就给忘了 需求:从 index.wxml 页面,跳转到 aaa.wxml 页面 方法一:WXML页面实现 1.<navigator url = "../aaa/aaa">跳转到新页面</navigator> 2.<navigator url = "../aaa/aaa"

小程序-跳转页面的方法及坑

方法一:WXML页面实现 1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator> 2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator> 3.<navigator url = "/pages/aaa/aaa" open-t

1.jsp 从当前页面跳转到另一页面 (含有使用JavaScript、servlet 的跳转页面的方法)

使用JSP跳转页面常见的有两种方式 1.转发:forward   使用执行请求转发的动作标识<jsp:forword> <jsp:forward page="6-5-login.jsp"></jsp:forward> 2.重定向   redirect 使用response对象的sendRedirect()方法 <% response.sendRedirect("jsp/login.jsp"); %> 重定向操作支持将地

PHP中重定向网页跳转页面的方法(共三种)

hhw:用第一种方法可以将:http://127.0.0.1/tp5  简化为  http://127.0.0.1   ,即将www目录下的index.php文件写入第一种中的php代码: <?phpheader('content-type:text/html;charset=uft-8');header('location:tp5/index.php');?> 或直接: <?phpheader('content-type:text/html;charset=uft-8');header