ajax通信を開始したらクリクリを表示し、ajax通信がおわったらクリクリを消す
これをコードすべてに記述して、動作を確認するのは大変だし、同時にajaxが動いたら操作不可能!
少しだけコードを書くだけで、個別の実装が不要な、画期的な方法を見つけてしまいました!
※jqueryを利用します
$(function(){
$(document).ajaxStart(function(){
クリクリ開始(表示)のコード
};
$(document).ajaxStop(function(){
クリクリ終了(非表示)のコード
};
});
クリクリの開始と終了は、別途実装が必要ですがシンプルですよね
クリクリの開始と終了は、画面中央にクリクリ回る画像を配置し、cssのz-indexで前面にしたり、背面にしたりして表示、非表示を操作すると良いですね