Динамическая подгрузка контента страницы
Добрый день, Василий!
У меня есть страница, содержимое которой формируется с помощью сниппета msProducts
Можно ли это сделать с минимальным переписыванием (а лучше вообще без него) уже существующего кода?
У меня есть страница, содержимое которой формируется с помощью сниппета msProducts
[[!msProducts? &tpl=`tpl.Preview` &limit=`10` &sortby=`publishedon`]]Можно ли не просто ограничить вывод дочерних документов (&limit=`10`), но и сделать так, чтобы каждый раз при скроллинге (или нажатии на кнопку) подгружались еще 10 дочерних документов?Можно ли это сделать с минимальным переписыванием (а лучше вообще без него) уже существующего кода?
Комментарии: 13
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Нужно писать javascript, который будет делать ajax запросы на сервер, загружать новые данные и вставлять в страницу.
логичноудобно, если бы сниппет это позволял. Спасибо за ответ.modx.pro/development/39/ — это то, про что Вы говорите?
Тут в любом случае нужен javascript и css, чтобы оформить вывод.
Да, примерно так должно работать.
и вот modx.pro/development/39/#comment-12695
ваш рабочий вариант
У меня получается сделать ajax-запрос (кликаю по кнопке — контент подгружается). Но в случае с пагинацией не все работает, как надо: при клике по любой странице кроме первой не контент подгружается, а открываются 2-я, 3-я и т.д. страницы подгружаемого ресурса (который, естественно, без шаблона, без стилей).
Использую для вывода пагинации pdoPage Василия.
Код сниппета [[Ajax]]
Код в подгружаемом ресурсе (пустой шаблон):
Код страницы, куда подгружается контент:
Пробовала, как видите, два варианта вызова ajax. В примере Володи не поняла, какое действие оказывают параметры {action: 'field33', parents: '3', limit: '10'}, т.к. с ними и без них ничего не изменилось у меня.
Мне в итоге нужно, чтобы или постраничная пагинация работала, или контент подгружался по мере прокрутки вниз или по клику на кнопку. Помогите, пожалуйста, разобраться! уже 3-й день голову ломаю ((
У вас у ссылок пагинации задан клас — load137?
Дарья, вы jQuery в общих чертах знаете? И что такое post и get запросы? Там же на сайте увидел ruseller.com/lessons.php?rub_id=32&id=1389
Я не знаю, как в MS2 товары устроены, но вывод стандартных документов делал с этим плагином xozblog.ru/2013/01/infinite-scroll/ Это третья статья по счету по запросу «бесконечная загрузка jquery». первые две не смотрел, кликнул куда мышка пришлась.
Вам нужно
1 js функция, которая догружает контентЪ на страницу
2 php, который выдаст контент
3 пагинация
4 функция js, которая при клике на ссылку пагинации отменяет стандартное действие и отправляет запрос, подгружает
Как-то так.