如何通过Ajax完成用户名和传递请求时重定向页面

Question

我试图使登录系统将通过php和ajax来检查用户名和密码。我正在展示我的所作所为。

HTML

  <div class="container">
  <div id="show-error" style="display:none;" class="alert alert-warning"></div>
  <form  class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <input type="text" id="user" class="form-control" placeholder="Email address"  required autofocus>
    <input type="password" id="pass" class="form-control" placeholder="Password"  required>
    <a class="btn btn-lg btn-primary btn-block" onclick="submitfom();" >Sign in</a>

  </form>

JavaScript的

function submitfom() {
$.ajax({
          type: "POST",
          url: "checking.php",
          data: {user: $("#user").val(),pass: $("#pass").val()},
       success: function(data){$('#show-error').css("display","inline");$('#show-error').html(data);},
       });
}

PHP

session_start();
include('../../../config.php');
     if((isset($_POST['user'])) && (isset($_POST['pass'])) ){
     $user = $_POST['user'];
     $pass = $_POST['pass'];
     $query = mysql_query("SELECT user FROM admin_user WHERE user ='".$user."' ");
     $query2 = mysql_query("SELECT pass FROM admin_user WHERE pass ='".$pass."' ");

       $result= mysql_num_rows($query);
       $result2= mysql_num_rows($query2);

        if((!empty($result)) && (!empty($result2))){
        $_SESSION['admin']=$user;
      echo "Welcome ". $_SESSION['admin'];
       header('Location: ../../index.php');
        }

        else {echo "Please Write correct <strong>username and password</strong>";}
     }
       else "Some thing miss";

一切正常，但现在我只需要在用户输入正确的用户名和密码时才需要重定向。我正在使用标头定位功能，但实际上我是通过ajax发送表单值的，这就是为什么我的重定向无法正常工作。我不知道为什么请帮忙。

Answer 1

使用位置标头重定向将“起作用”。 它将告诉浏览器从新URL获取Ajax响应的数据。

如果要将用户发送到新页面 ，则必须将一些数据返回到浏览器，进行检测，然后使用JavaScript将location设置为新值。

Answer 2

您可以使用JavaScript进行重定向吗？

将完成和失败方法添加到jQuery ajax调用中（假定版本> 1.8）

done: function(data){
   window.location.replace("../../index.php");
},
fail: function(){
   $('#show-error').css("display","inline");
   $('#show-error').html(data);
}

Answer 3

当ajax授权成功时，在javascript成功回调中使用window.location="<URL>" 。