给系统添加注册成功后跳转到登录页面的功能
需求:
①跳转的地址要求可配置
②需要在五秒后进行跳转
实现:
- 先在配置文件中配置测试网址 loginUrl=http://www.baidu.com/
- 在配置类中获取这个配置参数的值,并通过controller层传到前端
//配置类获取参数
@Value("${loginUrl}")
String loginUrl;
//控制层获取值,并且传给map供前端使用
map.put("loginUrl", myConfig.getLoginUrl())
- 前端将这个值放到隐藏域,等待js文件访问
<input class="loginUrlVal" type="hidden" name="loginUrl" id="loginUrl"/>
- 在js文件的注册成功函数中添加setInterval函数,并设置参数
setInterval(returnLogin,1000);//第二个参数单位毫秒,此处意思是每间隔1秒调用一次returnLogin方法
- 定义全局变量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--;// 每调用一次减减
}
成功页面: