jquery用php表单加载动画，提交回自身

Question

我有一个PHP文件，其中包含一个表单，并提交回自身。在提交表单并运行到页面加载之后，有没有办法显示加载动画？

Answer 1

这是微不足道的。假设您在页面的某处有一个隐藏的微调器/加载图像，其ID为“loadingImg”：

$("form").submit(function() {
    $("#loadingImg").show();
});

演示：http://jsfiddle.net/yFaAj/1/

Answer 2

如果您想在表单提交时显示进度指示器，为什么不使用AJAX？

$("form").submit(function(e) {
    e.preventDefault();

$(".loading").show();//Assuming you have a container which has appropriate style and image to show the loading image

    $.post( {
       url: $(this).attr("action"), 
       data: $(this).serialize(),
       success: function(){ 
           $(".loading").show();
           //Write code here to handle on success 

        }
    });
});