在node.js Web應用程序中延遲加載MySQL查詢

Question

所以我有一個頁面，在get頁面時，我從mysql數據庫中提取了一些匹配的行。 目前我拉8，因為那是我希望在每個頁面上顯示的數量。 我想實現Facebook具有的功能，我已經看到它被稱為“延遲加載”，當用戶向下滾動時，將加載更多內容，在這種情況下，將匹配查詢的其他sql行。

我可以抓很多東西，讓jQuery一次只渲染八個，但是延遲加載聽起來要好得多。 問題是我無法在使用MySQL的節點應用程序的延遲加載中找到任何內容。 是否有人知道教程，文章或想發布有關如何執行此操作的詳細說明？ （我是新手）

PS我已經看到了一些發布/服務器端的交互，而沒有用ajax完成頁面，但是我對ajax幾乎一無所知，因此，如果有一種方法可以僅使用javascript或jquery來實現，那么我就是這樣。 感謝您的任何回復！

Answer 1

您正在談論的概念也稱為“分頁”，例如當您看到一個表同時顯示10行時，盡管實際上有87行，並且第1頁是1-10，第2頁是11-20，依此類推。

進行延遲加載時，查詢將按日期（或其他條件）排序並按以下方式工作：

1. 用查詢加載頁面，查找前10個項目。 LIMIT 0, 10
2. 將currentPage=1本地存儲在頁面的javascript中，與“ page1”關聯的大小或滾動限制-它基於像素嗎？ 或顯示的項目？
3. 檢測何時滾動到頁面底部或滾動到頁面底部（當用戶向上滾動時絕對重要！）

4. 啟動延遲加載查詢。

   1. 首先在頁面上構建微調器
   2. 讓您的服務器的查詢電話，以相同的順序，這一次LIMIT基於最后一個頁碼， currentPage*10如currentPage=3 ，所以LIMIT 30 40
   3. 服務器響應時，將結果添加到顯示的陣列中。
   4. 增加currentPage數量，作為相關的滾動限制

5. 等待用戶滾動到下一個“底部”並重復步驟3和4。

這是一個粗略的輪廓，希望可以為您指明正確的方向！