为什么重定向不起作用？你会怎么修？

如何解决为什么重定向不起作用？你会怎么修？

if ($stmtselect->rowCount() > 0) {
    header("refresh:5;url=https://www.websitename.com");
    $_SESSION['accounts'] = $user;
    echo 'You have signed in successfully!';
    die();
}else {
    header("refresh:5;url=index.PHP");
    echo 'Incorrect Username or Password or Email';
    die();
}

我先有标题，为什么它不起作用？请注意，此页面是一个表单。它向我提交东西。如果它有效，那么我希望它在回声后重定向。

我收到此错误。

jquery-3.3.1.min.js:2 [Violation] 'load' handler took 1365ms

这可能与回声是错误形式的事实有关。我猜是这样的。

如果不是那么我不知道。请帮忙。

编辑-

这是 javascript。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"
              integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
              crossorigin="anonymous"></script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script>
    $(function(){
        $('#login').click(function(e){

            var valid = this.form.checkValidity();

            if(valid){
                var username = $('#username').val();
                var password = $('#password').val();
                var email = $('#email').val();
            }

            e.preventDefault();

            $.ajax({
                type: 'POST',url: 'jslogin.PHP',data:  {username: username,password: password,email: email},success: function(data){
                    alert(data);
                    if($.trim(data) === "1"){
//                      setTimeout(' window.location.href =  "index.PHP"',1000);
                        setTimeout(' window.location.href =  "https://kaden-tech.github.io"',1000);
                    }
                },error: function(data){
                    alert('There were errors while doing the operation.');
                }
            });

        });
    });
</script>

请不要谈论密码散列。

编辑-

索引.PHP

<?PHP 

error_reporting(0);
session_start();

    if(!isset($_SESSION['id16365171_hello_world_accounts'])){
        header("Location: login.PHP");
        die();
    }

    if(isset($_GET['logout'])){
        session_destroy();
        unset($_SESSION);
        header("Location: login.PHP");
    }

?>
<!DOCTYPE>
<html lang="en">
<head>
    <Meta name="google-site-verification" content="0J0VoOQKJVdlFn7Us8_s97YvAXLirkBVrJ75FGLe_Ds" />
<title>Welcome</title>
</head>
<body>
<p>Welcome to index</p>


<a href="index.PHP?logout=true">logout</a>
</body>
</html>

<?PHP 
error_reporting(-1);
    session_start();
    
if(isset($_SESSION['id16365171_hello_world_accounts'])){
    header("Location: index.PHP");
}

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <Meta name="google-site-verification" content="0J0VoOQKJVdlFn7Us8_s97YvAXLirkBVrJ75FGLe_Ds" />
    <title>Hello World | Login</title>
    <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div class="container h-100">
    <div class="d-flex justify-content-center h-100">
        <div class="user_card">
            <div class="d-flex justify-content-center">
                <div class="brand_logo_container">
                    <img src="img/logo.png" class="brand_logo" alt="Programming KNowledge logo">
                </div>
            </div>  
            <div class="d-flex justify-content-center form_container">
                <form>
                    <div class="input-group mb-2">
                        <div class="input-group-append">
                            <span class="input-group-text"><em class="fas fa-user"></em></span>                 
                        </div>
                        <input type="text" name="username" id="username" class="form-control input_user" placeholder="Username" required>
                    </div>
                    <div class="input-group mb-2">
                        <div class="input-group-append">
                            <span class="input-group-text"><em class="fas fa-key"></em></span>                  
                        </div>
                        <input type="password" name="password" id="password" class="form-control input_pass" placeholder="Password" required>
                    </div>
                    <div class="input-group mb-1">
                        <div class="input-group-append">
                            <span class="input-group-text"><em class="fas fa-inBox"></em></span>                    
                        </div>
                        <input type="email" name="email" id="email" class="form-control input_pass" placeholder="Email" required>
                    </div>
                    <div class="form-group">
                        <div class="custom-control custom-checkBox">
                            <input type="checkBox" name="rememberme" class="custom-control-input" id="customControlInline">
                            <label class="custom-control-label" for="customControlInline">Remember me</label>
                        </div>
                    </div>
                
            </div>
            <div class="d-flex justify-content-center mt-1 login_container">
                <button type="button" name="button" id="login" class="btn login_btn">Login</button> 
            </div>
            </form>
            <div class="mt-3 mb-1">
                <div class="d-flex justify-content-center links">
                    Don't have an account? <a href="temp/home.PHP" class="ml-2">Sign Up</a>
                </div>
                <div class="d-flex justify-content-center">
                    <a href="#">Forgot your password?</a>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
              integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
              crossorigin="anonymous"></script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script>
    $(function(){
        $('#login').click(function(e){

            var valid = this.form.checkValidity();

            if(valid){
                var username = $('#username').val();
                var password = $('#password').val();
                var email = $('#email').val();
            }

            e.preventDefault();

            $.ajax({
                type: 'POST',error: function(data){
                    alert('There were errors while doing the operation.');
                }
            });

        });
    });
</script>
</body>
</html>

jslogin.PHP

<?PHP
error_reporting(-1);
session_start();
require_once('loginconfig.PHP');

$email = $_POST['email'];
$username = $_POST['username'];
$password = $_POST['password'];
//$emailval = ['email'];

//$check = (strpos($emailval,'@'));

//if ($check === false){
//    echo 'We require valid email';
//}else{


//$conn = MysqLi_connect("localhost","*********","**********","*************");


$sql = "SELECT * FROM *********** WHERE username=? and password=? and email=? LIMIT 1";
$stmtselect = $db->prepare($sql);
$result = $stmtselect->execute([$username,$password,$email]);
$user = $stmtselect->fetch(PDO::FETCH_ASSOC);
if ($stmtselect->rowCount() > 0) {
    echo '<Meta http-equiv = refresh content = 5; url = https://www.example.com />';
    $_SESSION[`*********`] = $user;
    echo 'You have signed in successfully!';
    die();
}else {
    echo '<Meta http-equiv = refresh content = 5; url = https://www.example.com/otherpage />';
    $_SESSION[`accounts`] = $user;
    echo 'Incorrect Username or Password or Email';
    die();
}

登录配置文件

<?PHP

$db_user = "root";
$db_pass = "password";
$db_name = "database name";

$db = new PDO('MysqL:host=localhost;dbname='. $db_name . ';charset=utf8',$db_user,$db_pass);
$db->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

这是我的代码。

请找到一种方法来停止 ajax 并使其正常运行。

解决方法

您不会为此使用标头，请尝试回显元重定向标记。

if ($stmtselect->rowCount() > 0) {
    echo '<meta http-equiv = "refresh" content = "5; url = https://www.example.com" />';
    $_SESSION['accounts'] = $user;
    echo 'You have signed in successfully!';
    die();
}else {
    echo '<meta http-equiv = "refresh" content = "5; url = https://www.example.com/otherpage" />';
    $_SESSION['accounts'] = $user;
    echo 'Incorrect Username or Password or Email';
    die();
}

如果您只是在完成后立即将用户重定向到另一个页面，那么使用 AJAX 没有多大意义。这是基于您的代码的更传统的登录过程，它根本不使用 AJAX。

变更摘要：

使表单按钮type="submit"
使表单执行 POST
删除所有 JavaScript 代码
删除 jsLogin.php，并将相关代码从其中移动到 login.php 并包装在 if 中，该 <?php error_reporting(-1); session_start(); if(isset($_SESSION['id16365171_hello_world_accounts'])){ header("Location: index.php"); die(); } require_once('loginconfig.php'); //process the form submission,if any if ($_SERVER['REQUEST_METHOD'] === 'POST') { $email = $_POST['email']; $username = $_POST['username']; $password = $_POST['password']; $message = ""; if (isset($email) && isset($username) && isset($password)) { $sql = "SELECT * FROM users WHERE username=? and password=? and email=? LIMIT 1"; $stmtselect = $db->prepare($sql); $result = $stmtselect->execute([$username,$password,$email]); $user = $stmtselect->fetch(PDO::FETCH_ASSOC); if ($user) { $_SESSION['id16365171_hello_world_accounts'] = $user; header("Location: index.php"); die(); } else { $message = "Incorrect Username or Password or Email"; } } else { $message = "Please enter all required details"; } } ?> <!DOCTYPE html> <html lang="en"> <head> <meta name="google-site-verification" content="0J0VoOQKJVdlFn7Us8_s97YvAXLirkBVrJ75FGLe_Ds" /> <title>Hello World | Login</title> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="css/styles.css"> </head> <body> <div class="container h-100"> <div class="d-flex justify-content-center h-100"> <div class="user_card"> <div class="d-flex justify-content-center"> <div class="brand_logo_container"> <img src="img/logo.png" class="brand_logo" alt="Programming Knowledge logo"> </div> </div> <div class="d-flex justify-content-center form_container"> <?php if ($message != "") echo $message; ?>  <form method="POST"> <div class="input-group mb-2"> <div class="input-group-append"> <span class="input-group-text"><em class="fas fa-user"></em></span> </div> <input type="text" name="username" id="username" class="form-control input_user" placeholder="Username" required> </div> <div class="input-group mb-2"> <div class="input-group-append"> <span class="input-group-text"><em class="fas fa-key"></em></span> </div> <input type="password" name="password" id="password" class="form-control input_pass" placeholder="Password" required> </div> <div class="input-group mb-1"> <div class="input-group-append"> <span class="input-group-text"><em class="fas fa-inbox"></em></span> </div> <input type="email" name="email" id="email" class="form-control input_pass" placeholder="Email" required> </div> <div class="form-group"> <div class="custom-control custom-checkbox"> <input type="checkbox" name="rememberme" class="custom-control-input" id="customControlInline"> <label class="custom-control-label" for="customControlInline">Remember me</label> </div> </div> </div> <div class="d-flex justify-content-center mt-1 login_container"> <button type="submit" name="button" id="login" class="btn login_btn">Login</button> </div> </form> <div class="mt-3 mb-1"> <div class="d-flex justify-content-center links"> Don't have an account? <a href="temp/home.php" class="ml-2">Sign Up</a> </div> <div class="d-flex justify-content-center"> <a href="#">Forgot your password?</a> </div> </div> </div> </div> </div> </body> </html> 在尝试处理之前检查表单是否已提交。
如果登录失败输出错误信息。如果成功，只需设置会话变量并重定向到 index.php

login.php：

npm install -g yo generator-code

附言还请注意我在上述评论中提出的各种安全要点。

你的 javascript 说

if($.trim(data) === "1"){

这意味着如果你回显 1 然后做一些事情。

您应该将 php 更改为 echo out 1 或将 javascript 更改为

if($.trim(data) === "You have successfully signed in!"){

重定向会起作用。

还有一件事—— 如果你这样做了，你的重定向会更好

setTimeout(function(){ document.location.replace("http://www.example.com"); },1000)