如何在切换javascript时更改url而不刷新页面

我有两个按钮登录和注册。单击“登录”按钮显示登录表单，“注册”按钮显示注册表单。我想要的是在不刷新页面的情况下更改url，因此如果我单击“注册”，它应该将url更改为

register

与登录相同。到目前为止，当我单击注册按钮时，它会更改url，但当我单击登录时，它不会更改为

登录url

，它会一直显示注册url。如何解决此问题

Html

登录
注册
用户名
密码
记得我吗
登录
全名
电子邮件
密码
确认密码
注册

Javascript

  <script>
  $(function() {
    var url = '{{ route('register') }}';
    var url1 = '{{ route('login') }}';

    $(".btn").click(function() {
    $(".form-signin").toggleClass("form-signin-left");
    $(".form-signup").toggleClass("form-signup-left");
    $(".signup-inactive").toggleClass("signup-active");
    $(".signin-active").toggleClass("signin-inactive");
        window.history.pushState('null', 'null', url);
    });
});
</script>

$（函数（）{
var url='{route（'register'）}}'；
var url1='{{route（'login'）}}'；
$（“.btn”）。单击（函数（）{
$（“.form signin”）.toggleClass（“form signin left”）；
$（“.form signup”）.toggleClass（“form signup left”）；
$（“.signup-inactive”）.toggleClass（“signup-active”）；
$（“.sign-active”）.toggleClass（“sign-inactive”）；
window.history.pushState（'null'，'null'，url）；
});
});

这总是将url推送到历史记录中。如果用户已经在注册页面上，则需要更改代码以推送

url1

（登录）

我建议通过分离两个不同的点击处理程序来实现这一点 将类“login btn”添加到您的登录按钮并使用

$（“.login btn”）。单击（function（）{

处理该问题，注册按钮的方法与此相同

  <script>
  $(function() {
    var url = '{{ route('register') }}';
    var url1 = '{{ route('login') }}';

    $(".btn").click(function() {
    $(".form-signin").toggleClass("form-signin-left");
    $(".form-signup").toggleClass("form-signup-left");
    $(".signup-inactive").toggleClass("signup-active");
    $(".signin-active").toggleClass("signin-inactive");
        window.history.pushState('null', 'null', url);
    });
});
</script>

window.history.pushState('null', 'null', url);