[英]redirecting in javascript isn't working
<?php
session_start();
include ("dbconnectie.php");
if(isset($_SESSION['on'])) {
header("location:homepage.php"); }
if(isset($_POST['login'])) {
$username = $_POST['username'];
$password = sha1($_POST['password']);
$query = $db->prepare("SELECT * FROM account
WHERE username = :user
AND password = :pass");
$query->bindParam("user", $username);
$query->bindParam("pass", $password);
$query->execute();
$result = $query->fetch(PDO::FETCH_ASSOC);
$id1 = $result['id_u'];
if($query->rowCount() == 1) {
$_SESSION['on'] = $username;
$_SESSION['id_u'] = $id1;
//header('location: homepage.php');
} else {
echo "The username and password do not match";
}
echo "<br>";
}
?>
<html>
<head>
<title>L O G I N</title>
<link rel="shortcut icon" href="images/jfk.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/signin.css">
<link rel="stylesheet" type="text/css" href="css/snackbar.css">
</head>
<header>
<?php
include("#nav.php");
?>
</header>
<form class="modal-content" method="post" action="">
<div class="container">
<h1>I N L O G G E N</h1>
<hr>
<label>G E B R U I K E R S N A A M</label>
<input type="text" name="username" placeholder="Gebruikersnaam Invullen"><br>
<label>P A S S W O R D</label>
<input type="password" name="password" placeholder="Password Invullen"><br>
<button type="submit" class="submit" name="login" value"login" onclick="myFunction()">INLOGGEN</button>
<div id="snackbar">U bent Ingelogd.</div>
</div>
<script>
function myFunction() {
// Get the snackbar DIV
var x = document.getElementById("snackbar");
// Add the "show" class to DIV
x.className = "show";
// After 3 seconds, remove the show class from DIV
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
window.location.href = "homepage.php";
}
//window.location.assign("homepage.php");
</script>
</form>
</html>
在HTML腳本的底部,我一直使用window.location.assign
來嘗試在登錄並顯示小吃欄后重定向,但取而代之的是,它只是在頂部添加了一個白色欄,並且沒有重定向。 我要它執行的是單擊登錄后,它運行該腳本。 這會彈出3秒鍾,然后重定向到主頁。
您可以執行event.preventDefault()
以便禁用“提交”按鈕的默認提交動作,並運行所有需要的代碼。
function myFunction() {
// Get the snackbar DIV
var x = document.getElementById("snackbar");
// Add the "show" class to DIV
x.className = "show";
// After 3 seconds, remove the show class from DIV
setTimeout(function() {
x.className = x.className.replace("show", "");
window.location.href = "homepage.php";
}, 3000);
}
document.querySelector('button[name="login"]').addEventListener("click", function(event) {
event.preventDefault()
myFunction();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.