--- title: Ajax(jQuery)での通信中にローディング画像を表示する tags: JavaScript jQuery Ajax PHP HTML author: dkmrkm slide: false --- # やりたいこと Ajaxでサーバーと通信する際、くるくるのローディング画像を表示したい。 ## 概要 - `beforeSend` を使用する。これを使うことでajaxのリクエスト前に処理を実行させることができます。 - `removeClass`, `addClass`を用いてローディング画像の表示、非表示を実行します。 - 画像はこちらから拝借いたしました。https://www.benricho.org/loading_images/transparent01.html - php側は受け取った値をそのまま出力するだけのものとします。 - ローディング画像を表示するために、`sleep()`で1秒ほど遅延させています。 ```html:index.html Ajax Test

NAME:

``` ```php:send.php