javascript - 登录成功后必须重定向到页面；现在只需重新加载(刷新)页面

Question

我正在使用login.js

var x = 10;
$(document).ready(function(){
       $('#do-login').click(function(){
              var login = $('#login');
              var pass = $('#password');
              var obj = $(this);
              if ( login.val().length === 0 ) {
                     obj.next('span')
                     .attr('class', 'inline-help')
                     .html('Empty <b>Login</b>').hide().fadeIn('slow');
                     login.focus();
                     return false;
              } else if ( pass.val().length === 0 ) {
                     obj.next('span')
                     .attr('class', 'inline-help')
                     .html('Empty <b>Password</b>').fadeIn('slow');
                     pass.focus();
                     return false;
              }

              $.ajax({
                     url : 'login-check.php' ,
                     type : 'POST',
                     data : {
                            'login' : login.val(),
                            'password' : pass.val(),
                            isAjax : true
                     },
                     dataType : 'json' ,
                     success : function(data){
                if(data === false)
                {
                    alert('You have reached maximum login limit, Please try login after 15 minutes.');
                }
                else if ( data === true )
                {
                    obj.next('span')
                    .attr('class', 'inline-info')
                    .html('Logged In <b>Successfully</b> !')
                    .hide().fadeIn();
                    setTimeout(function()
                    {
                        $('#login-form').slideUp('fast',function()
                        {
                            setTimeout(function()
                            {
                                                            location.reload(true);
                            },1000);
                        });
                    },1000);
                }
                else
                {
                    obj.next('span')
                    .attr('class', 'inline-help')
                    .html('Invalid <b>Login/Password</b><li style=padding-left:220px;>(Attempts <b>' + data + '/10</b>)').hide().fadeIn();
                }
                     }
              });
              return false;
       });
});

登录成功后我必须重定向到http://myurl.com/panel。我改变了我的知识，但我没有取得任何成功。你能帮我么 ？

Answer 1

您可以通过设置 location.href 值来做到这一点。 https://developer.mozilla.org/fr/docs/Web/API/window/location

var x = 10;
$(document).ready(function(){
       $('#do-login').click(function(){
              var login = $('#login');
              var pass = $('#password');
              var obj = $(this);
              if ( login.val().length === 0 ) {
                     obj.next('span')
                     .attr('class', 'inline-help')
                     .html('Empty <b>Login</b>').hide().fadeIn('slow');
                     login.focus();
                     return false;
              } else if ( pass.val().length === 0 ) {
                     obj.next('span')
                     .attr('class', 'inline-help')
                     .html('Empty <b>Password</b>').fadeIn('slow');
                     pass.focus();
                     return false;
              }

              $.ajax({
                     url : 'login-check.php' ,
                     type : 'POST',
                     data : {
                            'login' : login.val(),
                            'password' : pass.val(),
                            isAjax : true
                     },
                     dataType : 'json' ,
                     success : function(data){
                if(data === false)
                {
                    alert('You have reached maximum login limit, Please try login after 15 minutes.');
                }
                else if ( data === true )
                {
                    obj.next('span')
                    .attr('class', 'inline-info')
                    .html('Logged In <b>Successfully</b> !')
                    .hide().fadeIn();
                    setTimeout(function()
                    {
                        $('#login-form').slideUp('fast',function()
                        {
                            setTimeout(function()
                            {
                                 location.href = 'http://myurl.com/panel';
                            },1000);
                        });
                    },1000);
                }
                else
                {
                    obj.next('span')
                    .attr('class', 'inline-help')
                    .html('Invalid <b>Login/Password</b><li style=padding-left:220px;>(Attempts <b>' + data + '/10</b>)').hide().fadeIn();
                }
                     }
              });
              return false;
       });
});