jQuery Infinite Scroll Tutorial With PHP & MySQL & Ajax (Like Facebook)

jQuery Infinite Scroll Tutorial Made Easy With PHP & MySQL & Ajax!

The infinite scroll is widely used by biggest social networks, like Facebook, Twitter, and Instagram.

In this tutorial, you will learn:
- how to design simple bootstrap website
- how to use jQuery to detect mouse scrolling
- how to setup jQuery scroll event
- how to make ajax requests
- how to use PHP to get data from MySQL database
- how to use phpmyadmin to manage data inside MySQL database

It is jQuery & Ajax & PHP & MySQL Tutorial.

[heyutkarsh]

really helpful man, I usually don't comment on videos, but you deserve it very well. God bless you

[JulianLoyolaSolis]

Great, just one question, how can i to use the ”loading.gif” image when i do scroll down? Please say me

[sergeyuspeh]

How can this code be combined with data output from the database in a masonry?

[MiikeEnCiel]

Thank you very much it helped me a lot with what I was looking for

[mohammedkunhi]

very useful. Made my job easy. Thank you. Tutorial is crystal clear

[vesselincohen]

Thank you, another best tutorial. I have learned new techniques because of you!

[preethamswamy]

Thanks for an awesome educating video @codingpassiveincome. But an issue does exist which has already been mentioned by a few of them in comments. The infinite scroll doesn't work on mobile android browsers as the browser address bar vanishes after an initial scroll of approx 100px and as a result of it the $(window).height() changes .
As a result of it the condition below which is

is not met and in mobile browsers only top 5 items from the database load and fails to load further.


If there is a work around to solve this issue then please let us know. Thank you!

[madhavyeddula]

thanks a ton for providing download option

[vaticinus]

There is no download option at the link

[ulaskorpe]

thank you for that lesson , its so useful

[carlosarroyoam]

Great video man, it's really helpful, thanks.

[IkhlaqMalik]

this is not working in mobile version, and also when we resize the window

[sankalpacm]

please say how to get the data in json formate

[WallyJK]

Great tutorial! How do you adjust the code to use infinite scroll within a div rather than the body of the page?

[Dasmangas]

Please, I need your help with Auto-complete.

[dontthinkjustdoit]

When I give dataType = " JSON" then it's not working....
Like it's not fetching the data from backend...
What I need to to for this issue..

[sushantr]

Nice Video !! Please Make a video on Real Time Data Response on webpage from the database without button click, refresh or reloading the page using PHP and jQuery Ajax .

[soumyaappugouda]

wonderful, awesome tuts ! Thanks you so so much!!

[streetboss]

thank you so much for this tutorial its been very useful <3 <3 <3

[rexxy]

Hi.
How do I includes a spinning gif animated image to showing or mimicking the loading process?