javascript - 当返回false时，Firefox中的Javascript AJAX调用失败；

有几个与此相似的问题，但它们看起来并不相同，所以问题就在这里？

我有一个登录表单的网站。我想使用ajax调用php函数，而在chrome中一切正常。在firefox中，当我单击触发logIn（）javascript函数的登录按钮时，我被重定向到javascript：logIn（）页面，该页面为白色，只显示false。如果我在logIn（）方法中删除return false，它似乎可以正常工作。

<form  method="post" id="loginform" action="javascript:logIn()">
    <div>
        <input type="text" value="Username..." name="username" id="username" onfocus="defaultInputUsername(this)" onblur="clearInputUsername(this)" />
        <input type="text" value="Password..." name="passwordText" id="passwordText" onfocus="setPass()"/>
        <input type="password" value="" name="password" id="password" onfocus="defaultInputPassword(this)" onblur="checkPass()" />
        <input type="submit" id="submit" value="Login" name="Submit"/>
        <a href="create-account.php" id="create"><span>Create Account</span></a>
    </div>
</form>

上面是调用logIn（）javascript方法的形式，该方法在下面找到：

function logIn() {
    var action = "check-login.php";
    var form_data = {
        username : $("#username").val(),
        password : $("#password").val(),
        is_ajax : 1
    };

    $.ajax({
        type : "POST",
        url : action,
        data : form_data,
        success : function(response) {
            if(response != 'failed')
                $("#loginform").slideUp('slow', function() {
                    $("#login_response").html('<ul id="usernav" class="sf-menu sf-js-enabled sf-shadow"><li><div id="message"></div><ul><li><a href="#"><span>View Profile</span></a></li>  <li><a href="#" onclick="logOut()"><span>Logout</span></a>  </li></ul></li></ul>');
                    $("#message").html('<a id="userlink" href="#"><span>' + response + '</span></a>');
                    $("ul.sf-menu").superfish({
                        animation : {
                            height : 'show'
                        }, // slide-down effect without fade-in
                        delay : 800, // 1.2 second delay on mouseout
                        autoArrows : false
                    });
                });
            else {
                $("#username").css("border", "2px red inset");
                $("#password").css("border", "2px red inset");
            }
        }
    });

    return false;
}

如果有人可以告诉我什么时候它可以在chrome中运行，而不能在Firefox中运行，以及是否应该使用return false。那将是真棒。

谢谢！

最佳答案

这是非常非常规的代码，因此很难完全回答。

一起砍东西，我会将您的action =更改为onsubmit =。 “行动”并非为此目的。

<form ...stuff... onsubmit="return logIn();">

onsubmit中的return false将阻止页面发布。确保您注意到它返回的是logIn（）的结果，在您的情况下，该结果始终为false。

您也可以这样做：

onsubmit="logIn(); return false;"

并从登录函数中删除return false。

注意：默认情况下，ajax调用是异步的。