jqueryは、自分自身に戻ってくるPHPフォームのアニメーションをロードしています

Question

私はフォームを含み、それ自身に戻ってくるPHPファイルを持っています。フォームが送信され、ページが読み込まれるまで実行した後に読み込みアニメーションを表示する方法はありますか？

Answer 1

をあなたは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 

     } 
    }); 
}); 

Answer 2

これは簡単です。 「loadingImgは、」あなたがIDを使用してページ上のどこかに隠されたスピナー/ロードイメージを持っていると仮定すると：

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

デモ：http://jsfiddle.net/yFaAj/1/