如何通過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>" 。