javascript - jQuery SubmitHandler 提示加载微调器

Question

我将微调器放置在我的提交处理程序中，紧跟在我的验证消息之后...我只希望它在 ajaxSubmit 期间处于事件状态，因此将它放在 JSON 之前似乎很自然。但是 jQuery 提示 *“未捕获的语法错误:意外的标记 ( *。我尝试在末尾使用逗号而不是半 Angular 符号，但两种方法都不起作用。我做错了什么？

 submitHandler: function(form) {
    $("#registerform").ajaxSubmit({
    >>>>>>  $('#loadingDiv').show().html('<img src="images/loading.gif">');
                        url: 'action.php',
                        type: 'post',
                        success: function(resp) {
                            $('#loadingDiv').hide("fast");
                            $(".formbox").hide();
                            $(".thankyou").fadeIn("slow");
                            console.log('success');
                        },
                        fail: function(resp) {
                            $('#loadingDiv').hide("fast");
                            console.log('fail' + resp);
                            $("#registerform").css("border", "1px solid red");
                        }
                    });
                }

        });

Answer 1

您不能将这样的代码放入 JSON 对象中:

$('#loadingDiv').show().html('<img src="images/loading.gif">');

尝试将其向上移动一行，使其位于对 ajaxSubmit 的调用之前。

我认为你的观点很自然，但你实际上将用于发送 AJAX 请求的代码与操作 DOM 的代码混合在一起。鉴于您的成功和失败处理函数在调用时都隐藏了“正在加载”图像，您仍然应该看到所需的效果。