TAG : ajax

jquery jQuery load() を使って別のページの見出しを表示する

2015年5月16日

jQuery の load() を使って同じサイト内の別のページの見出しを表示する方法に関するメモ。load() の基本的な使い方等についても再度メモ。 目次 load() の概要 書式 パラメータと戻り値 url (String) 要求を送信するサーバ側リソース(読む込むデータ)のURL。 オプションとして jQuery セレクタを使い(指定して)取得したいインスタンスを絞り込める 。(後述) parameters (String|Object|Array)  オプション。 リクエストと一緒に送信するデータ(要求のパラメータとして渡すべきデータ)を指定…

続きを読む

jquery ajax を使って更新を自動的に行う

2014年1月26日

特定のページに記述してある情報を他のページでも使用している場合に、元のページの情報を更新すると他のページの情報も自動的に更新されるようにする方法のメモ。 概要 例えば、スケジュールが記述されている「schedule.html」のサマリーをトップページなどにも表示する場合、内容を更新するにはそれぞれのページを更新しなければならない。 これを jQuery の load() を利用して「schedule.html」を更新すると自動的に他のページも更新されるようにしてみる。 schedule.html 抜粋 上記の schedule.html の「table …

続きを読む

jquery jQuery の load()

2013年11月22日

jQuery の load() の基本的な使い方に関するメモ。 基本的な使い方 Ajax 利用時の制限 文字コードは、原則として「UTF-8 」を使用。(他の文字コードを使うと文字化けする) Ajax ではセキュリティ上の理由から、HTML と同一ドメイン上にあるファイルしか取得できない。 ページにテキスト(ファイル)を挿入する load() は引数に読み込むファイルを指定すると、セレクタで指定した要素内のテキストを書き換える。 書式 $(セレクタ).load(テキストファイル名) ボタンをクリックすると p 要素の内容を「foo.txt 」の内容で書き…

続きを読む