ajax通信を開始したらクリクリを表示し、ajax通信がおわったらクリクリを消す
これをコードすべてに記述して、動作を確認するのは大変だし、同時にajaxが動いたら操作不可能!

少しだけコードを書くだけで、個別の実装が不要な、画期的な方法を見つけてしまいました!
※jqueryを利用します

$(function(){
    $(document).ajaxStart(function(){
        クリクリ開始(表示)のコード
    };
    $(document).ajaxStop(function(){
        クリクリ終了(非表示)のコード
    };
});

クリクリの開始と終了は、別途実装が必要ですがシンプルですよね
クリクリの開始と終了は、画面中央にクリクリ回る画像を配置し、cssのz-indexで前面にしたり、背面にしたりして表示、非表示を操作すると良いですね

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です