Бесконечный скроллинг как в Facebook и Twitter

Многие из нас видели эту бесконечную прокрутку на веб-сайтах, как Facebook и Twitter, где новые сообщения загружаются, когда мы достигаем конца самой страницы. Нам не нужно нажмать на ссылку чтобы загрузить еще немного новых постов или сообщений. В этом посте я рассмотрю теорию и практику с применением PHP, MySQL и JQuery… хотя только практику =)

Итак, нам понадобятся два файла:

  1. index.php – загружаем основу и немного контента из базы
  2. loadmore.php – динамическая загрузка данных

Эти два файла нужны чтобы взаимодействовать с базой. Я использую MySQL.

Этот код занимается тем, что смотрит проскролили ли мы до низа. Он расположен в index.php. Тут сразу скажу, что такой способ не айс. Т.к. если мы будем выводить мало контента и скролбара на странице не будет, то и событие не сработает.
Я вынес ajax в отдельную функцию, которую можно вызывать как ссылкой, так и при срабатывании события. Но тут я привожу код без правок.

Ну а в loadmore.php у нас загрузка новых записей из базы.
Это только пример. Я знаю, что в продакшене такое никогда не будет и не имеет права использоваться. Это лишь пример.
Еще раз скажу, что этот пример не мой, и это исключительно пример!

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.