Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/25: Рейтинг темы: голосов - 25, средняя оценка - 4.80
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1

Постепенная подгрузка товаров при прокрутке страницы

25.07.2014, 11:55. Показов 5451. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет! У меня такой вопрос. Вывожу товары на странице, а как сделать чтобы выводилось к примеру 30 товаров на странице, и при скроллинге вниз подгружались еще товары? Аякс?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
25.07.2014, 11:55
Ответы с готовыми решениями:

Ajax-подгрузка контента при прокрутке страницы
Всем привет. Я хочу реализовать авто-подгрузку постов в новостной ленте при помощи Ajax запросов, но что-то он отказывается у меня выводить...

Ajax-подгрузка контента при прокрутке страницы
Здравствуйте, долго мучаюсь с кодом, не могу найти где ошибка. Дело в том, что код должен подгружать страницы, при скроллинге/нажатии на...

Автоматическая подгрузка информации при прокрутке страницы Ajax
Нужно реализовать на сайте такую штуку. Из БД идёт вывод опредённой информации, нужно что бы сначала загрузило последние 20 записей, потом...

5
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
25.07.2014, 12:04
Search74, свойство есть такое scrollX/scrollY. Делаем так

Измеряем высоту блока, где товары хранятся. Далее считаем,

JavaScript
1
2
3
4
5
6
7
8
var con; // находим наш контейнер
var heightCon = con.offsetHeight;
var topCon = con.offsetTop;
 
// вешаем на событие обработчик
document.onscroll = function () {
     if(scrollX + document.body.offsetHeight > topCon + heightCon) // тут подгружаем новые товары
}
Попробуй так вот
1
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
25.07.2014, 12:17  [ТС]
Хорошо, со скролингом ясно. Каким образом подгружаем оставшиеся товары? имею ввиду как вывести именно оставшиеся товары? Без дублежей
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
25.07.2014, 12:26
Search74, пусть на сервер передается номер последнего товара, допустим первый раз это будет 30, далее уже на сервере выборка из бд пусть идет по принципу,
PHP
1
id > номер последнего товара LIMIT 30
вот и все, на клиенте храни количество всех товаров на данный момент загруженных или же просто номер последнего товара, что бы потом его передавать на сервер
1
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
25.07.2014, 12:50  [ТС]
Thisman, для себя вижу такой путь:
- написать некое подобие rest api, чтобы на вход принимало id категории товара, количество товаров (для отображения). Принимая количество товаров, формировался sql запрос вида
SQL
1
SELECT * FROM prods WHERE id_cat = {id категории товара} ORDER BY id LIMIT 0, 30
LIMIT 31, 60 - таким образом делаем выборку из базы
Чето подумал, а как быть с поисковиками?как они будут индексовать все товары? только 30 и увидят...
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
25.07.2014, 13:01
Search74, да, это проблема AJAX-a в целом
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.07.2014, 13:01
Помогаю со студенческими работами здесь

Ajax подгрузка из базы при прокрутке блока
Прошу дать пример либо объяснить как реализовать подгрузку информации в блок, когда его скрол будет внизу. Видел примеры для страницы в...

Подгрузка товаров при прокрутке страницы, ajax
Добрый день! Подскажите как реализовать, вывод товаров каталога в битрикс, при прокрутке страницы до тех пор пока они есть в разделе. ...

Подгрузка контента при прокрутке страницы
Помогите реализовать такого вида страницу: http://*******/BgBRND http://*******/InqFpl есть: папка: images (тут картинки) файл:...

Подгрузка контента при прокрутке страницы (как в соцсетях)
Доброго времени суток. Имеется блог в виде длинной страницы (70 div блоков с контентом "фото+текст") Нужно чтобы при заходе на...

Подгрузка при прокрутке AJAX
Добрый вечер. Подскажите пожалуйста следующую вещь: При загрузке страницы на нее сразу грузятся допустим 50 картинок, что не есть хорошо...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru