タグ

ブックマーク / blog.keit.me (1)

  • Klog » Blog Archive » jQueryとAjaxを使ってページ遷移無しでデータをロードする方法

    最近のWebページにはある程度データを表示させた後、さらにデータを見たい場合に「もっと見る」のようなボタンがあり、それを押すとページ遷移なしで次のデータを取ってきてくれるようなシステムが実装されています。(Googleの画像検索などがその例) デモページを用意したので、こちらも参考にして下さい。 ・デモページ ※このブログのタイトルを最初10件表示し、moreボタンを押すたびに続きを5件ずつ表示します。 このようなシステムを実際に実装して見たので、その備忘録です。尚、ベースとなるコードは以下のサイトを参考にさせて頂きました。 ・http://www.9lessons.info/2009/12/twitter-style-load-more-results-with.html 必要となるファイルは次の6つです。参考記事ではスタイルシートとjavascriptを外部化していませんが、ここ

  • 1