使用javascript实现登陆注册成功后返回原来页面?

cjwj
  • 561

移动web项目网页中在首页,详情,个人中心页面等多个页面均可跳转到登陆注册页面,登陆注册成功后如何实现返回原来的那个页面并刷新!
请贴一些demo代码吧?谢谢!

回复
阅读 10.6k
10 个回答

URL带尾巴。。。refer

写个cookie也可以,实现方法太多了,看你的具体需求
楼上说的url带个参数也行,你在跳转的同时写一个cookie也可以。。

seishuu1116
  • 1
新手上路,请多包涵

if 成功 return windows.location

在登录成功页面获取来源地址,然后打开来源地址就是返回原来的页面,就这么简单

同意用url.之前也用localstorage实现过

跳转到登陆页的时候带上登陆成功后跳转的页面url 例如 xxx/login?returnurl=xxxxx, 登陆成功后根据returnurl跳转到对应页面。

<body>

    <a class="login-link" href="http://127.0.0.1/login">Login</a>
    
    <script src="./libs/jquery/dist/jquery.js"></script>
    <script>
        $(document).ready(function() {
            var href = $('.login-link').attr('href');
            var url = window.location.href;
            $('.login-link').attr('href', href + '?redirect=' + url);
        });
    </script>
</body>

这样登录链接就会含有带 redirect 参数,并且指向原来页面的链接了,到时候登录完成后可以通过 redirect 参数返回到原来的页面。

带多个参数过去就行了····

如果是SPA项目,恰好使用了某个MV*框架,一般都带有路由插件,能很方便的管理路由。

如果不是,可以考虑把登陆做成弹出框,封装成插件,这样每个页面都可以简单引入,登陆成功只需要刷新当前页就可以了。

或者采用楼上各位建议的的记录url的方式。

可以用cookie记录用户最后访问的页面,登录注册页面除我。还有点是在url中增加参数,在当前页面登录注册页面链接的地址上加个当前页面的参数。还有就是用户每访问页面的时候往数据写入数据,记录用户最后一次访问的页面。能想到就这几种办法。

宣传栏