How to load data on scroll in JavaScript | Infinite Scrolling working demo for web and mobile

Описание: In this video we will fetching data from database when we scroll the page and also this code works fine on desktop browsers and mobile browsers. Whenever the page scrolling at end of the page it trigger the ajax request to get data from database and load specified list of the data at the end of the page.

Configure the following steps to load more data from the database on scrolling.

Step 1: Create a table in MySQL
Step 2: Insert some sample data
Step 3: Create one file like index.php
Step 4: Write some HTML code to display dynamic data
Step 5: Make AJAX call to get data from database
Step 6: Write a logic to trigger function on scrolling
Step 7: Create database connection file
Step 8: Create one more file to fetch data from the database.

Blog link: https://shinerweb.com/how-to-load-dat...

0:00 Introduction
0:19 Live demo
0:48 Create a table and insert some data in MySQL
2:00 Start code configuration
5:20 Make AJAX call to get data from database
6:14 Write a logic to trigger function on scrolling
8:14 Create database connection file
8:40 Fetch data from the database
13:16 Download source code


🔔 Subscribe for more YouTube videos.
https://youtube.com/shinerweb?sub_con...

//Recommended videos:
▶️ How to create cron job in codeigniter –    • How to create cron job in codeigniter | cr...  
▶️ How to create cron job in laravel –    • How to create cron job in laravel | Automa...  
▶️ How to create web push notification for website –    • How to create web push notification for we...  
▶️ how to fix http error 500 –    • how to fix http error 500 | how to solve 5...  
▶️ Subdomain not working –    • subdomain not working dns_probe_finished_n...  

//Let’s Connect:
👉 Subscribe: (   / shinerweb  )
👉 Twitter: (  / shiner_web  )
👉 Facebook: (  / shinerweb  )
👉 Instagram: (  / shinerweb_official  )
👉 Website/Blog: (https://www.shinerweb.com/)

//About us:
Here we’re provides technical solutions related website development and mobile app development. We are highly updating people using our channel with current affairs, social news, political news and with the new features of updated applications. Here you will get chance to connect yourself with digital world.

//Disclaimer:
Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide, I may receive a small commission. There is no additional charge to you! Thank you for supporting us so We can continue to provide you with free content each week!

#shinerweb #shiner #web