Загрузка данных с прокруткой вниз в Servlet-JSP - PullRequest
0 голосов
/ 08 февраля 2012

Я занимаюсь разработкой веб-сайта, на котором около 6000 записей, и моя компания использует Internet Explorer 8 в качестве браузера по умолчанию (вы знаете ...), и загрузка всех данных занимает около 50 секунд.Поэтому я пытался реализовать функцию загрузки данных каждый раз, когда пользователь достигает конца div.

По сути, структура сайта примерно такая. Servlet - Jsp. в основном, когда запрашивается определенный jsp, назначенный сервлет делает doGet, и каждый раз, когда пользователь вставляет / редактирует / удаляет запись, он делает doPost, но КАЖДЫЙ режим всегда обрабатывается JSP.

Так есть ли способ реализовать загрузку данных при прокрутке вниз в этом случае?(Я хочу, если возможно, не использовать обновление на странице).

ps: я уже сейчас, что я должен использовать JQuery для этого, но не как его реализовать.=).

1 Ответ

0 голосов
/ 08 февраля 2012

Ну, в этом случае вам нужно оформить страницу с большим количеством javascript. Что я получил от вопроса, так это то, что есть какая-то таблица с 6000 записями. Теперь вы хотите показать эти данные на странице. Вы также хотите, чтобы каждый раз, когда что-то изменялось, вы также хотите отобразить изменения на экране.

Для этого, первое, что вам нужно, это нанести на карту каждый ряд с ключом на лицевой стороне. Вам нужно немного прочитать AJAX, а отдых очень прост.

Вы можете нажать на сервер через фиксированный интервал, скажем, 5 сек. Так что этот хит вернет вам измененные предметы. Теперь максимальный идентификатор, который вы имели на странице, будет сравниваться с записями, которые возвращает сервер.

Ответ может состоять из трех частей: а) удалено б) отредактировано в) вставлено

вы можете комбинировать редактирование и вставку, так как в данный момент вы не можете отследить, не хотите ли вы отследить то же самое.

Таким образом, только два блока a) удалены и b) вставлены / изменены

при создании представления каждая строка будет div с id, содержащим первичный ключ. Таким образом, идентификатор div будет называться «div23», где 23 - первичный ключ.

Теперь вам нужно повторить ответ. Вы можете использовать XML или JSON, чтобы легко работать с этим решением.

Давайте возьмем пример ответа.

ответ, содержащий json bojects с идентификаторами 23, 45, 97 и т. Д. При удалении и 46, 1000, 6001 и т. Д. При вставке / редактировании.

Теперь для удаления нужно просто написать: document.getElementById ("div" + id) .innerHTML = ""; или вы можете удалить то же самое из модели DOM.

Точно так же вы можете получить div и редактировать то же самое. Если вы не получите Div, это будет означать, что вам нужно вставить, что вы можете сделать в конце.

Для ajax вы можете получить множество фреймворков, таких как prototype, dojo и т. Д. Базовый пример AJAX вы можете найти на сайте w3schools.

Надеюсь, это поможет.

...