javascript - Jquery ajax 在 Firefox 中不起作用

Question

我的代码可以在 chrome、safari 中运行，但不能在 Firefox 中运行。

这是我的代码

<script>
$(document).ready(function () {

    $("#loginform").on('submit',(function(e) {

        e.preventDefault();

        $('#loading').html("Loading....");

        $.ajax({
            url: "login.php",
            type: "POST",         
            data: new FormData(this), 
            contentType:false,     
            cache: false,            
            processData:false, 
            async:false,                    
            success: function(data)  
            {
                $('#loading').hide();
                $("#message").html(data);
            }
        });

        return false;

    }));

});
</script>

谁能解决这个问题吗？？？我在同一页面中还有一个相同的脚本，只是 url 不同，但它工作正常，但是这个脚本不起作用。我得到空数据。但在 chrome、safari 中它工作正常。

我的 HTML 代码:

<form role="form" method="post" id="loginform" action="">
            <div class="form-group">
              <label for="username">Username</label>
              <input type="text" class="form-control" id="username" name="username" placeholder="Enter Username" required>
            </div>
            <div class="form-group">
              <label for="password"> Password</label>
              <input type="password" class="form-control" id="password" name="password" placeholder="Enter password">
            </div>
            <div class="checkbox">
              <label><input type="checkbox" value="" name="user_rememberme" checked>Remember me</label>
            </div>
              <div id="loading"></div>
              <div id="message"></div>
              <button type="submit" name="login" class="btn btn-success pull-right">Login</button>
          </form>

Answer 1

永远不要在 ajax 调用中使用 async:false ，除非您明确知道自己在做什么。问题是 async:false 会卡住浏览器，直到 ajax 调用完成(错误或成功)。将其设置为 true 或删除它(默认情况下为 true)。也实现错误 block 并检查服务器端是否有错误

success: function(data)  
{
$('#loading').hide();    
$("#message").html(data);
},error:function(data){
  console.log(data)
}