以前に実装した無限スクロールに、画像の読み込みをカウントする機能を追加してみます。
HOME > Ajax
-
無限スクロールで画像の読み込みをカウントする
-
無限スクロールを実装してみる
一定位置までスクロールすると、次のページのコンテンツを自動で読み込む処理を実装してみます。
-
AjaxでJavaScriptのファイルを取得する
jQueryのAjaxでJavaScriptのファイルを取得してみます。
-
動的遷移のサイトでもGoogleアナリティクスで正しく計測する
Googleアナリティクスは通常だとページ遷移毎にデータを送信するので、動的遷移(Ajaxでページ内の一部を書き換えるなど)ではデータの送信が行われません。
そこで今回は、動的遷移でもデータ送信を行う方法を試してみました。
-
jQueryのwhen()で取得が1つの場合と複数の場合で中身が変わる
jQueryのwhen()を使ってURLのパラメータによって異なるjsonファイルを読み込もうとしていたのですが、取得するファイル数が1つと複数で取得する中身が変わっていました。
-
Ajaxで取得したHTMLにfindを使って絞り込めない
Ajaxで取得したデータをfindで絞り込んだ際に、あるはずの要素を取得できない現象に遭遇したので、その対応方法をメモしておきます。
-
Ajaxで別ページのHTMLを取得する
別ページのHTMLの内容をAjaxを使って取得してみます。
-
pushStateを使って動的遷移してみる
pushStateとajaxを組み合わせてページの動的遷移を試してみます。
-
デベロッパーツールで「GET http://domain/undefined 404 (Not Found)」のようなエラーが出る
デベロッパーツールでタイトルのようなエラーに遭遇しました。
画像などがないときによく見るのですが、「undefined」という存在しないファイルは初めてだったので、調べたことをメモしておきます。
ちなみに、Firebugでも「”NetworkError: 404 Not Found – http://domain/undefined”」のように表示されていました。 -
pjaxを使ってみる
ページ遷移時にコンテンツを動的に書き換えることのできる「pjax」というプラグインを試してみたいと思います。