在Servlet-JSP中向下滾動加載數據

Question

我正在開發一個網站，它有大約6000條記錄，而我的公司使用Internet Explorer 8作爲它的默認瀏覽器（我知道......），並且它需要50秒來加載整個數據。所以我試圖每次用戶到達div的末尾時實現一個加載數據函數。

基本上它的網站結構有點像這樣。 Servlet - Jsp。 基本上，當請求某個jsp時，被分配的servlet會生成一個doGet，並且每次用戶插入/編輯/刪除一條記錄時，它都會執行doPost，但每個操作始終由JSP處理。

因此，在這種情況下向下滾動時如何實現加載數據？ （我想如果可能不使用頁面刷新）。

ps：我已經現在我必須爲此使用JQuery，但不知道如何實現它。 =）。

Answer 1

那麼，在這種情況下，你將需要設計與大量的JavaScript頁面。我從問題中得到的是有一些表有6000個記錄。現在你想在頁面上顯示這些數據。您還希望每當發生某些變化時，您還希望將更改映射到屏幕上。

爲此，您需要做的第一件事就是將每一行與其正面的鑰匙進行映射。 您需要閱讀一些AJAX，其餘部分非常簡單。

你可以在固定間隔5秒後命中服務器。所以這次命中將返回你更改的項目。現在，您在頁面上的最大ID將與服務器返回的記錄進行比較。

響應可以是三個部分： 一）刪除 二）編輯 C）插入

，你可以在給定的點結合的編輯和插入的去，你無法跟蹤你是否會不希望有跟蹤相同的開銷。

因此，只有兩個塊一個）刪除和b）插入/改性

而創建視圖，每一行將與包含主鍵ID的DIV。所以div的id將被稱爲「div23」，其中23是主鍵。

現在您需要迭代響應。您可以使用XML或JSON輕鬆地使用該解決方案。

讓我們來回答一個樣本。

在插入/編輯時，刪除和46,1000,6001等具有帶有ID 23,45,97等的json框架的響應。現在要刪除，你只需要寫：document.getElementById（「div」+ id）.innerHTML =「」;或者你可以從dom模型中刪除它。

同樣，你可以得到的div和編輯相同。如果你沒有得到任何股利將意味着你需要插入你可以做到底。

對於ajax，您可以獲得許多框架，如原型，dojo等。您可以在w3schools網站上找到AJAX的基本示例。

我希望它有幫助。