javascript - 当用户名和传递请求通过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";

一切工作正常，但现在我只需要当用户写入正确的用户名和密码时，我只需要重定向。我正在使用 header 位置功能，但实际上我是通过 ajax 发送表单值，这就是我的重定向不起作用的原因。我不'不知道为什么请帮忙。

Answer 1

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

如果您想将用户发送到新的页面，那么您必须向浏览器返回一些数据，检测它，然后将location设置为新的使用 JavaScript 获取值。