ホームページ >ウェブフロントエンド >CSSチュートリアル >非同期 AJAX リクエスト中に読み込みインジケーターを表示するにはどうすればよいですか?
非同期リクエスト中の読み込みインジケーターの表示
非同期リクエストの進行状況を示すために、読み込み画像を表示できます。リクエストの実行中、画像は表示されたままになり、完了すると消えます。
リクエスト前およびリクエスト後の非表示/表示メソッドの使用
簡単な方法アプローチは、画像の可視性を手動で制御することです:
$('#loading-image').show(); $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); }, complete: function(){ $('#loading-image').hide(); } });
グローバル Ajax イベントの使用
または、グローバル Ajax イベントを使用して画像の可視性を処理することもできます:
$('#loading-image').bind('ajaxStart', function(){ $(this).show(); }).bind('ajaxStop', function(){ $(this).hide(); });
このメソッドにより、読み込み中の画像がすべての非同期リクエストに対して均一に表示されます。
以上が非同期 AJAX リクエスト中に読み込みインジケーターを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。