2016-11-29 4 views
0

私はそのページのgetにmysqlデータベースから一致する行をいくつか取得します。現在、私は各ページに表示したい数が8であるため、私は8を引いています。私はfacebookがLazy Loadingとして知られているものを実装したかったのです。ユーザーがより多くのコンテンツをスクロールするとロードされます。この場合、クエリに一致するSQL行が追加されます。node.js WebアプリケーションでMySQLクエリのレイジー読み込み

jQueryは一度に8つしかレンダリングできませんが、遅延ロードははるかによく聞こえます。問題は、MySQLを使用したノードアプリケーションでLazy Loadingで何も見つけることができないことです。誰でもチュートリアルや記事を知っているのですか?これを行う方法の詳細な説明を投稿したいですか? (私はnewbです)

P.S.私はいくつかのpost/server側のやり取りを見てきましたが、ページをajaxで終わらせることなく見ましたが、文字通りajaxについては何も知らないので、JavaScriptやjqueryでそれを行う方法があれば、何かお返事ありがとう!

答えて

0

実際には87行あり、ページ1は1〜10ですが、ページ2は11行ですが、一度に10行を表示する表を参照すると、ページングとも呼ばれます。 20、など

遅延読み込みを行う場合、クエリは注文日までに(または任意のあなたの基準)と、このようなものに動作します:最初の10の項目を見つけるクエリで

  1. ロードページを。 LIMIT 0, 10
  2. currentPage=1をページのJavaScriptにローカルに保存し、「page1」に関連付けられているサイズやスクロールの制限は、ピクセルに基づいていますか?またはアイテムが表示されますか?
  3. ページの下部またはページの下部にスクロールすると検出されます(ユーザーがスクロールバックしたときに問題があります)。
  4. 遅延読み込みクエリを開始します。

    1. まずページ上にスピナーを構築
    2. 、最後のページ番号に基づいてcurrentPage*10などを同じ順序で、クエリは、サーバーへの呼び出しを行い、このときLIMITcurrentPage=3LIMIT 30 40
    3. サーバーが応答すると、結果が表示された配列に追加されます。
    4. 関連するスクロール限度として、うまくいけば
  5. ラフアウトラインの次の「底」にスクロールして、手順3と4

を繰り返すユーザー待ち、とのcurrentPage数を増やしますあなたは正しい方向を指します!

関連する問題