登录成功后跳回到原来页面
2017-05-22 14:02
253 查看
应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢?
假设用户在 www.example.com/a.html 看到登录提示,然后点击登录跳转到 www.example.com/login.html,登录界面使用ajax验证用户登录信息,当返回信息为成功时,在回调函数里要做这些逻辑的处理:
1.判断document.referrer是否为空,若为空本页面就不是从其它页面跳转过来的,就将页面跳转至网站首页
2.若document.referrer不为空,则需要判断前一个页面是否是本站点的页面,以免跳到其它站点去了,如果是其它站点则跳转至首页;
3.若document.referrer不为空且为本站点页面,则需要跳转至该页面
location.href = URL的方式最终以URL值调用assign()方法!
location.assign()
方法加载新的文档。
window.location
对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
因此在登录成功的回调函数里执行下列操作就可以实现登录跳回刷新页面了
假设用户在 www.example.com/a.html 看到登录提示,然后点击登录跳转到 www.example.com/login.html,登录界面使用ajax验证用户登录信息,当返回信息为成功时,在回调函数里要做这些逻辑的处理:
1.判断document.referrer是否为空,若为空本页面就不是从其它页面跳转过来的,就将页面跳转至网站首页
2.若document.referrer不为空,则需要判断前一个页面是否是本站点的页面,以免跳到其它站点去了,如果是其它站点则跳转至首页;
3.若document.referrer不为空且为本站点页面,则需要跳转至该页面
location.href = URL的方式最终以URL值调用assign()方法!
location.assign()
方法加载新的文档。
window.location
对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。
因此在登录成功的回调函数里执行下列操作就可以实现登录跳回刷新页面了
var prevLink = document.referrer; if($.trim(prevLink)==''){ location.href = 'www.example.com/index.html'; }else{ if(prevLink.indexOf('www.example.com')==-1){ //来自其它站点 location.href = 'www.example.com/index.html'; } if(prevLink.indexOf('register.html')!=-1){ //来自注册页面 location.href = 'www.example.com/index.html'; } location.href = prevLink; }
相关文章推荐
- 登录成功后跳回到原来页面
- ASP.NET MVC 3.0:基于Ajax的表单提交,A页面认证失败后页面被强转至登录页面,待登录成功将如何回到A页面?
- IdentityServer4 登录成功后,跳转到原来页面
- ASP.NET MVC 3.0:基于Ajax的表单提交,A页面认证失败后页面被强转至登录页面,待登录成功将如何回到A页面?
- ASP.NET MVC 3.0:基于Ajax的表单提交,A页面认证失败后页面被强转至登录页面,待登录成功将如何回到A页面?
- (转)ASP.NET MVC 3.0:基于Ajax的表单提交,A页面认证失败后页面被强转至登录页面,待登录成功将如何回到A页面?
- 织梦 登录成功后跳转指定页面并刷新
- 切换页面的时候出现一个页面闪一下,回到原来的界面
- JavaScript调用App原生代码(iOS、Android)通用解决方案 实际场景 场景:现在有一个H5活动页面,上面有一个登陆按钮,要求点击登陆按钮以后,唤出App内部的登录界面,当登录成功
- 禁止页面回退到某个页面(如避免登录成功的用户返回到登录页)
- android 调用人人网sdk登录页面 成功后不跳转 只停留在白色Oauth页面
- 用AngularJS做登录和注册成功后的页面跳转并传参数
- Struts 2, 值在验证失败回到原来页面的时候会丢失的解决方案
- 登录成功,5秒后自动跳转到管理页面
- 页面登录成功后返回原始页面的实现
- 用户登录成功自动跳转页面
- 使用Shiro实现登录成功后跳转到之前的页面
- 当点击“新增”或“修改"按钮进行跳转后,又想回到原来的页面?
- 网站退出登录防止通过返回按钮回到历史页面
- 权限判断——用户登录成功是才能查看相应的信息,登录失败不能查看并且返回登录页面