});」で「Ajax」を使用して外部ファイルのデータを取得する。Ajaxによる、外部ファイルとの連携Ajaxを用いることで、様々な外部ファイルとの連携を図ることができ、実現したい動作を大きくサポートしてくれます。今回はAjaxで外部ファイルを表示させる方法をご紹介します。DEMOはこちら外部ファイルを表示AJAXの基本的な記述例AJAXの基本的な記述例は以下になります。});」でAJAXを実行できます。});」で、取得した場合の処理、取得できなかった場合の処理を合わせて記述します。doneデータの取得が成功した時に実行される関数です。正確には外部ファイルの取得処理のコールバックです。「done(funtcion(data){})」のdataが外部ファイルのデータになります。errorリクエストが失敗した時に行われる関数です。})」のパラメータの一例type外部ファイルへ渡すデータのタイプ(POSTまたはGET)を指定できます。dataType取得するデータの型を指定できます。cacheキャッシュをさせるかさせないかを設定できます。url外部ファイルのパスです。HTMLAJAX処理を行うためのボタンと、AJAXで外部ファイルから読み込んだデータを表示させるための空の要素を用意します。class="inner-box"></div></div>CSSAJAXの処理が完了するまで、ロード中であることを示すため、ローディング画像を表示させるためのcss設定を行います。auto;}AJAXの処理の記述例DEMOで行っているAJAXの処理の記述例は以下になります。errorThrown.message);});});};ポイント!AJAXによる外部ファイルの読み込み+表示が完了するまでローディング画像を表示させておくため、事前にローディング画像表示用の要素を配置し、外部ファイルのデータをローディング画面と置き換える形で表示させます。以下のサイトが、より詳しく解説してくれています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。解決策このサイトについて。