【jQuery】Ajaxのローディング時に、くるくる（スピナー）を表示

Ajax通信をウェブサイトに実装している場合、Ajax通信がローディング中は、画面上にくるくる（スピナー）などの表示があると、サイト閲覧者にとってローディング中ということが理解でき、良いデザインだと思います。 今回は、そのような場合に使用できるソースコードの例となり、jQueryを利用しAjaxのローディング中にスピナーを表示させます。 Ajaxのローディング中にくるくる（スピナー）を表示する例以下がjQueryを利用したソースコードの例となります。 例では、「Click 」ボタンを押すと、Ajax通信を行います。そして、ローディング中には、スピナーがある全画面を覆うオーバーレイを表示し、Ajax通信が終了するとオーバーレイを非表示にします。 See the Pen jQuery Ajax Loading Spinner by yic666kr (@yic666kr) on CodePen