ピンタレストのようなデータ処理方法

質問

現在、ＳＱＬサーバーから8000行くらいの文字データを、ＷＥＢページに表示するしくみを
作りたいと考えています。

いきなり8000行を表示すると、レスポンスが悪すぎるので、ピンタレストのように最初の２００行をまず表示してさらにスクロールをすると追加の２００行をＷｅｂページにもってくるイメージです。
イメージどおりの処理ができれば７０００行でてる状態でも次の２００行を表示させるのは２００行分のレスポンスで表示できるはずですが、どうしても現在表示中のデータ＋追加データ、つまり７０００＋２００をもってくる処理しかできません。

ピンタレストを見てると、常に追加分のデータのみをサーバーからもってきてるように、思うのですが、このような処理を実現するヒントをいただけないでしょうか。

回答No.1

t_ohta

ブラウザサイドの処理としては、Ajaxを使ってサーバーから追加したい200行分のデータを取得して、現在の文章の後ろに書き足すだけです。
200行ずつ <p> や <span> タグなどで囲っておいて、後ろに随時要素を追加していけば問題なく実現できると思います。

お礼

なるほど！そのように考えればいいんですね。
さっそくやってみます。ありがとうございました。