タグ

ブックマーク / qiita.com/dkmrkm (1)

  • Ajax(jQuery)での通信中にローディング画像を表示する - Qiita

    やりたいこと Ajaxでサーバーと通信する際、くるくるのローディング画像を表示したい。 概要 beforeSend を使用する。これを使うことでajaxのリクエスト前に処理を実行させることができます。 removeClass, addClassを用いてローディング画像の表示、非表示を実行します。 画像はこちらから拝借いたしました。https://www.benricho.org/loading_images/transparent01.html php側は受け取った値をそのまま出力するだけのものとします。 ローディング画像を表示するために、sleep()で1秒ほど遅延させています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Ajax Test</title> <script src="http

    Ajax(jQuery)での通信中にローディング画像を表示する - Qiita
  • 1