Question

这是我的登录表单代码。我的问题是在陈述是真的之后。不会重定向到主页，而只是在我的索引页面显示主页。

如何在语句为真后在另一页重定向jquery ajax？

HTML代码

<form id="myForm" class="form-group" method="post" action="actions/login_check.php">    
    <div id="result"></div> 
    <table class="table-condensed" >
        <tr><br>
          <td><input type="text" name="username" class="form-control" autofocus="autofocus" placeholder="Username" size="40"></td>
        </tr>
        <tr>
            <td><input type="password" name="password" placeholder="Password" class="form-control"></td>
        </tr>
        <tr>
            <td><button id="submit" class="btn btn-primary form-control">Sign In</button></td>
        </tr>
        <tr>
            <td align="right" style="font-size:14px;"><a href="forgot_password.php">Forgot Password?</a></td>
        </tr>
    </table>
</form>

PHP代码

$username = mysqli_real_escape_string($con,$_POST['username']);
$password = mysqli_real_escape_string($con,sha1($_POST['password']));
$empty = "da39a3ee5e6b4b0d3255bfef95601890afd80709";

$query = mysqli_query($con,"SELECT * FROM users WHERE username = '".$username."' AND password = '".$password."'");
$row = mysqli_num_rows($query);
$getUser = mysqli_fetch_array($query);


if(empty($username) or $password == $empty)
    echo "Invalid Email or Password";
elseif($username == $getUser['username'] and $password ==  $getUser['password']){
    session_start();
    $_SESSION['username'] = $username;
    $online = "UPDATE users SET active = 1 WHERE username = '".$username."'";
    mysqli_query($con,$online);
    header("Location: ../home.php");
    $_SESSION['timestamp'] = time();
}else
    echo "Invalid Email or Password";

jQuery Ajax

    $("button#submit").click(function(){

    if( $("#username").val == "" || $("#password").val == "")
        $("div#result").html("Please enter username and password");
    else
        $.post( $("#myForm").attr("action"),
            $("#myForm :input").serializeArray(),
            function(data) {
                $("div#result").html(data);
            }
         );

         $("#myForm").submit(function(){
            return false;
         });
});

Answer 1

在POST回复中，您可以使用window.location.href

function(data) {
    $("div#result").html(data);
    window.location.href=<homepageurl> 
}

Answer 2

从jQuery 1.8开始，您可以在成功的jquery .post之后使用.done重定向用户。

  .done(function() {
    window.location.href='http://www.successpage.com'; 
  })

即：

$("button#submit").click(function(){

if( $("#username").val == "" || $("#password").val == "")
    $("div#result").html("Please enter username and password");
else
    $.post( $("#myForm").attr("action"),
        $("#myForm :input").serializeArray(),
        function(data) {
            $("div#result").html(data);
        }).done(function() {
    window.location.href='http://www.successpage.com'; 
  });

     $("#myForm").submit(function(){
        return false;
     });

});

Answer 3

有很多选择 1）您可以指定 window.location.href 要重定向的URL。但有一个问题。

使用ajax，数据以异步方式加载，因此可能会出现页面在ajax响应之间重定向的情况。

要解决此问题，请在完成ajax时使用.done（）方法重定向。在done（）方法内部，传递一个匿名函数，并在其中使用window.location.href。
2）你也可以使用.load（）方法，这也是.ajax（）的简写，无需页面刷新就可以执行页面加载，从而为用户提供重定向感。 所以它是你的选择。选择任何一个！

Answer 4

试试window.location

success: function (response) {
               if (response.d == true) {
                    window.location = "directed_page";
                }
            },

或尝试使用

window.location.replace()

如何在调用jquery ajax后重定向页面？

4 个答案: