Question

我正在尝试使用AJAX提交表单。它可以很好地验证，但是在成功处理后无法重定向。我需要它在response == "ok"

时重定向

$('document').ready(function() {
  function submitForm() {
    var data = $("#login-form").serialize();
    $.ajax({
      type: 'POST',
      url: 'loginprocess.php',
      data: data,
      beforeSend: function() {
        $("#loginerror").fadeOut();
        $("#login_button").html('<span class="glyphicon glyphicon-transfer"></span> &nbsp; sending ...');
      },
      success: function(response) {
        if (response == "ok") {
          $("#login_button").html('<img src="ajax-loader.gif" /> &nbsp; Signing In ...');
          window.location = 'welcome.php';
        } else {
          $("#loginerror").fadeIn(1000, function() {
            $("#loginerror").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> &nbsp; ' + response + ' !</div>');
            $("#login_button").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign In');
          });
        }
      }
    });
    return false;
  }
});

Answer 1

通过使用console.log（data）更改对数据的响应来解决此问题，我意识到在确定之前还有多余的空间，因此我按照建议使用了修整。下面是有效的新代码。

感谢大家节省了昼夜。

使用处理表单时如何解决Ajax的重定向问题

1 个答案: