javascript - 调用Javascript函数并同时执行PHP？

Question

所以我有一个表格

<form id="login_form" method="post" action="login.php">
    <input type="text" name="email">
    <input type="password" name="pass">
    <input type="submit" name="submit" value="Log in" onclick="submitFunction()">
</form>

提交表单后，我会检查用户名和密码是否正确

if(isset($_POST['submit'])) {
    $email = $_POST['email'];
    $pass = $_POST['pass'];

    $sql = "SELECT email,password FROM user_details WHERE email='$email' AND password='$pass'";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        $_SESSION["email"] = $_POST['email'];
    }
    else {
        echo "Incorrect username or password. Please try again!";
    }
}

但我也想加载一个新页面，我正在尝试通过 javascript 来完成

function submitFunction()
{
    window.location.href = "new url";
}

我尝试用一​​个按钮替换提交按钮，但是我无法让我的php执行，因为我不能使用if(isset($_POST['submit']))，但是如果我使用提交按钮那么我不知道如何调用我的 javascript 函数，因为我无法使用 onclick 可以吗？任何帮助将不胜感激:)

此外，我知道我不应该只将密码存储在数据库和 SQL 注入(inject)等中，但我只是想尝试让它发挥作用

Answer 1

检查登录后，您只需使用 PHP 加载新页面即可。除非您有其他原因需要使用 JavaScript 执行此操作，否则我认为无论如何使用 PHP 执行此操作更有意义，因为您会根据登录是否成功执行不同的操作。

if ($result->num_rows > 0) {
    $_SESSION["email"] = $_POST['email'];
    header('Location: new url');
    exit;
}
else {      
    echo "Incorrect username or password. Please try again!";
}