jquery - ajax第二次调用: function is not a function error

Question

当我第一次单击#submit-login 按钮时。 ajax调用成功。但是，第二次单击同一按钮时，我遇到了错误:未捕获的类型错误:userLogin 不是函数

HTML:

            <input id="username" type="username" name="" placeholder="Username">
            <input id="password" type="password" name="" placeholder="Password"><br>
            <button type="button" class="btn btn-primary" id="submit-login"> Login</button>

链接到 HTML 页面的 JS 文件

    $("#submit-login").on("click", function(){
    userLogin();
    });
function userLogin(){
    userLogin = $("#username").val();
    userPass = $("#password").val();
        $.ajax({
            type: 'POST',
            url: 'controllers/login.php',
            data: {
                'username': userLogin,
                'password' : userPass
            },
            success: function(responseText) {
                console.log(responseText);
            }
        });
};

PHP 文件

<?php
$savedUser = "irexjr";
$savedPass = "1234";

$request_user = $_POST['username'];
$request_password = $_POST['password'];

$loginsuccess = "";

if(($request_user == $savedUser) && ($request_password == $savedPass)){
    echo 1;
}
else{
    echo 0;
}
?>

Answer 1

其他评论员试图告诉您的是以下内容:您在全局范围内声明一个函数userLogin()。现在，您运行该函数，并在函数体内声明另一个变量 userLogin ，而不使用 var、let 或 const ，导致该变量最终进入全局范围，并覆盖已有的变量 -> 函数。所以你有几个选择:

1. 按照 @TechBreak 已经提议的方式重写该函数
2. 将函数重命名为 @Thomas Charlesworth 提议的
3. 使用 var、let 或 声明函数体内的变量const 将它们放入函数作用域

无论如何:永远不要在没有 var、let 或 const 的情况下声明变量。否则它们最终将在全局范围内导致可能难以追踪的错误。