PHPヘッダ（リダイレクトしない）、リダイレクトページのHTMLのみを投稿する

Question

私は前もってクライアント側のデータを送信していないことを確認したが、エラー報告を有効にしたが、何も起こっていない。

これは検証時にリダイレクトを使用する単純なログインスクリプトです。

<?php 
include_once "database-handler2.php"; 
require "password.php"; 

$UserName = $_POST["name"]; 
$Password = $_POST["pass"]; 

if(isset($UserName)) 
{ 
    $query = "SELECT Password FROM users WHERE Username='$UserName'"; 
    $hashed_password = mysqli_query($connection, $query); 

    while ($row = mysqli_fetch_row($hashed_password)) 
    { 
     $res = $row[0]; 
    } 


    if(password_verify($Password, $res)) { 
     // Show Errors 
     error_reporting(E_ALL); 
     ini_set('display_errors','On'); 
     // Redirect 
     header('Location:http://example.com/ex/index.php', true); 
     die('redirect'); 
    } 
} 

その他の付属のPHPに余分な空白などがないことを確認しました。成功関数は何もしません.AJAXを使用すると、alert（）またはdebug.log（）を有効にしてPHPのレスポンスの成功メッセージが表示されたら、ページからプリントアウトしますそのHTMLの下にエラーやその他の情報を入れずにHTMLにリダイレクトしようとしています。

Javascriptコード：

$('#submitButton').click(function() 
{ 
     var userName = document.getElementById("user").value; 
     var pass = document.getElementById("pass").value; 
    $.ajax({ 
     url: '/handlers/login-handler.php', 
     type:'POST', 
     data: 
     { 
      name: userName, 
      pass: pass 
     }, 
     success: function(msg) 
     { 
        alert(msg); 
     }    
    }); 
}); 

私は警告（MSG）を取る場合ということに注意してください。ボタンをクリックした場合よりも何も起こりません。

Answer 1

あなたは、AjaxレスポンスにPHPコードからsuccessタイプの応答を返す必要があり、その後、あなたはあなたのページが成功したプロセスの後にリダイレクトされますしwindow.location JSコードを使用する必要があります。

Answer 2

PHPコード

header('Location:http://example.com/ex/index.php', true);

とあなたのAJAXの成功応答にコードの行の下に追加の行を削除してください。

window.location.href="http://example.com/ex/index.php"

あなたはAJAXであれば、サーバー側のリダイレクトは動作しません。そして、あなたはjqueryの/ JavaScriptでリダイレクトする必要があります。

Answer 3

フォームを送信するのにjavascript/jQueryを使用せず、代わりに標準HTMLフォームを使用します。フォームを送信するためにjavascriptは必要ありません。

<form method="post" action="/handlers/login-handler.php"> 
 
    <label for="user">Username:</label> 
 
    <input type="text" id="user" name="user"> 
 
    <label for="pass">Password:</label> 
 
    <input type="text" id="pass" name="pass"> 
 
    <input type="submit" value="Submit"> 
 
</form>