4.给系统添加注册成功后跳转到登录页面的功能

给系统添加注册成功后跳转到登录页面的功能

需求:
①跳转的地址要求可配置
②需要在五秒后进行跳转

实现:

  1. 先在配置文件中配置测试网址 loginUrl=http://www.baidu.com/
  2. 在配置类中获取这个配置参数的值,并通过controller层传到前端
//配置类获取参数
@Value("${loginUrl}")
    String loginUrl;
//控制层获取值,并且传给map供前端使用
map.put("loginUrl", myConfig.getLoginUrl())
  1. 前端将这个值放到隐藏域,等待js文件访问
<input class="loginUrlVal" type="hidden" name="loginUrl" id="loginUrl"/>
  1. 在js文件的注册成功函数中添加setInterval函数,并设置参数
setInterval(returnLogin,1000);//第二个参数单位毫秒,此处意思是每间隔1秒调用一次returnLogin方法
  1. 定义全局变量ms = 5,在跳转函数中先获取跳转地址,再动态改变ms的值,并传给需要显示的地方。
var ms = 5;


function returnLogin(){
    var loginUrlVal = $('.loginUrlVal').val();
    if(ms>0){
        document.getElementById("sec").innerHTML=ms;
    }else{
        window.location.href=loginUrlVal;
    }
    ms--;// 每调用一次减减
}

成功页面:
在这里插入图片描述

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值