私はフォームを含み、それ自身に戻ってくるPHPファイルを持っています。フォームが送信され、ページが読み込まれるまで実行した後に読み込みアニメーションを表示する方法はありますか?jqueryは、自分自身に戻ってくるPHPフォームのアニメーションをロードしています
1
A
答えて
0
をあなたは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
}
});
});
0
これは簡単です。 「loadingImgは、」あなたがIDを使用してページ上のどこかに隠されたスピナー/ロードイメージを持っていると仮定すると:
$("form").submit(function() {
$("#loadingImg").show();
});
関連する問題
- 1. ログインフォーム自分自身に戻ってリダイレクト
- 2. 私はCSSアニメーションで自分自身を習熟していCSSアニメーション
- 3. phpのpostメソッドを使ってフォームを自分自身に送信するには?
- 4. 私のセルは自分自身を複製しています
- 5. Railsのメールは自分自身で送信しています
- 6. サイトは15分ごとに自分自身を訪問しています
- 7. PHPで自分自身の自動インクリメントを作る方法は?
- 8. 自分自身のPHP mvcフレームワークのhtaccess
- 9. 自分自身
- 10. Java - 自分自身を閉じて自分のソフトウェアカーネルパニックなどの自分自身を再起動するにはどうすればいいですか?
- 11. 自分自身の地形上に低ポリゴンのアニメーションを作成しますか?
- 12. Webブラウザが自分自身を処理していません
- 13. サーバ上で自分自身を指しているGitリモート
- 14. HTML iframeで自分自身を参照しているページ
- 15. 自分自身を送信するフォームの作成方法
- 16. 自分自身にリンクする画像を設定してカラーボックスで開く
- 17. Leaflet.jsのベースマッププロバイダとして自分自身を追加する
- 18. クラスを自分自身のメンバーとして宣言する
- 19. Google翻訳を使って自分自身で
- 20. なぜこのPHPオブジェクトはアイテムを自分自身に追加しますか?
- 21. 完了後に自分自身を削除するPHPスクリプト
- 22. 私のゲームは自分自身を果たしていますか?
- 23. EC2インスタンスに自分自身/ 24アドレスを割り当てます
- 24. 配列は常に自分自身をPHPを再作成します
- 25. mulit-arrayから抽出して自分自身に入れる - PHP
- 26. Cufonがすべてに自分自身を追加する
- 27. 自分自身を参照して表示する - Laravel 5.5
- 28. Makefileが自分自身をターゲットとして追加する
- 29. F#で自分自身のList.map関数を書くには
- 30. TFSはpowershellを使用して自分自身にコミットします
私は、フォームの名前を変更して、適切にdivを操作してみました。上記のコードでは、フォームはもう送信されません。 – cstrouse
$(this).actionはundefですが、$(this).attr( "action")に変更すると少なくとも定義されます。ただし、成功ブロックには何も起こりません。 – cstrouse
@cstrouse - 今すぐお試しください私は私の答えを編集しました。 – ShankarSangoli