PHPでユーザー登録とログインシステムを作成しました。正常に動作しますが、同じページにとどまるためにAjaxでPOSTリクエストを送信しようとしていますが、responseTextは空を返します。同様の質問で見たいくつかの解決策を試しましたが、どれもうまくいきませんでした。
これは、ユーザーのログインに使用する php 関数です。
if(!empty($_POST)) {
$query = "
SELECT
id,
username,
password,
salt,
email
FROM users
WHERE
username = ?
";
try {
$stmt = $db->prepare($query);
$stmt->bind_param("s", $_POST['username']);
$result = $stmt->execute();
}
catch(Exception $ex) {
die("Failed to execute the query");
}
// Is logged in?
$login_ok = false;
$res = $stmt->get_result();
$row = $res->fetch_assoc();
if($row) {
// Hash the submitted password and compare it whit the hashed version that is stored in the database
$check_password = hash('sha256', $_POST['password'] . $row['salt']);
for($n = 0; $n < 65536; $n++) {
$check_password = hash('sha256', $check_password . $row['salt']);
}
if($check_password === $row['password']) {
$login_ok = true;
} else {
echo "Incorrect password";
}
}
if($login_ok) {
unset($row['salt']);
unset($row['password']);
$_SESSION['user'] = $row;
echo "Logged in";
} else {
echo "Login failed";
}
}
これが私のフォームと Ajax 関数です。
<form action="" method="post">
<fieldset>
<legend>Login</legend>
<input type="text" name="username" placeholder="user" value="" />
<input type="password" name="password" placeholder="pass" value="" />
<input type="button" id="log" value="Login" onclick="log()"/>
</fieldset>
</form>
<script type="text/javascript">
function log(){
if (!window.XMLHttpRequest) return;
var url = "php/login.php",
req = new XMLHttpRequest();
req.open("POST", url);
req.send(null);
req.onreadystatechange = function(){
if(req.readyState == 4 && req.status == 200){
var response = req.responseText;
alert(response);
}
}
}
</script>
何か案は?
編集:ところで、jQueryを使用しないようにしています。