javascript - JQuery函数添加进度动画

Question

我想向函数添加进度动画，以便它在函数开始时显示，然后在函数结束时消失。

类似于:

<script type="text/javascript">
function myfunction() {
   //Display progress animation here
   $('input[type=submit]#submit').click();
   etc...
   //Hide the progress animation here
}
?>

更新:

这是我当前的 Ajax 代码:

<script type="text/javascript">
function myfunction() {
    $("#ajax-form").submit(function(){
        $.post("submit.php",
        $("#ajax-form").serialize(),
            function(data){
          mysubmitForm();

            }

        );
        return false;

    });
}
</script>

Answer 1

anix 说的:

<div class="loader">Loading...</div>

<script type="text/javascript">

$(function(){

    $.ajax({
        url: 'the url',
        data: {},
        success: function() {
            $('.loader').fadeOut();
        }
    });
});

</script>

<小时/>

更新:

<script type="text/javascript">

function myfunction() {

$("#ajax-form").submit(function(){
    //show loader here
    $.post("submit.php", $("#ajax-form").serialize(),
        function(data){
             mysubmitForm();
             //and hide it here
        }

    );
    return false;

});

}