jquery - Ajax beforeSend 功能似乎不起作用

Question

我有一个表单可以将一个小文本文件发送到服务器，并使用 PHP 处理数据。结果显示在颜色框中。它工作正常，但我想在上传和处理数据时向用户显示一条小消息(这需要几秒钟)，并在显示结果后再次隐藏它。但由于某种原因，该消息 (span#ajaxloading) 没有出现。

HTML:

<button type="button" id="fixit">Fix it!</button><span id="ajaxloading" style="display:none;">Your data is being processed...</span>

jQuery:

jQuery("#fixit").click(function() {
    if(form.valid() == true ) {
        var formData = new FormData(jQuery('#ajastaja')[0]);
        jQuery.ajax({
            beforeSend: function(){
                jQuery('#ajaxloading').show(); // <- Not working!
            },
            url: '/path/to/my.php',
            type: 'POST',
            data: formData,
            async: false,
            success: function (data) {
                jQuery('#ajaxloading').hide(); // <- Works here
                jQuery('#answerbox').html(data);
            },
            cache: false,
            contentType: false,
            processData: false
        });
        jQuery.colorbox({
            inline:true,
            href:'#answerbox',
            width:'500px',
            closeButton:false
        });
        return false;
    }
});

当我删除“显示:无”规则时，它当然会显示并在颜色框弹出后隐藏(就像它应该的那样)。那么我做错了什么？提前致谢!

编辑:对于造成的困惑，我很抱歉，代码实际上是包装在之间的 jQuery(document).ready(function() { ... }); - 它只包含很多 JQuery 验证插件方法、规则等，这不会影响我遇到的问题。

Answer 1

尝试删除以下行

async: false,