Now a days in most all shopping website like flipkart or any other, you can see that product or data is loading in to website when you scroll mouse.
You want to know how its possible with PHP, well here is the simple example that how you can add infinite load content into your webpage ,
Take a look at simple code and you can also download code,
How it works
I’ve created a little plugin that allows us to accomplish our goal. Simply put the plugin checks if the user is at the bottom of the container you specify and loads more content accordingly. Then this data is sent to an ajax file which processes what posts to show.
The key line here is
This is basically saying, if the user scroll position is greater than the height of the element targeted, then more elements should be loaded.
What is Ajax?
Ajax is how we send data to files when an event happens in javascript. For example, when we scroll we want to send some data to another file to figure out what to do. That file is usually a PHP file which willprocess the data sent, and then you can do something like grab information from a database. So how do we do this with jQuery? Since we’re posting data, we use the $.post
function. It looks a little like this:
So in the above example we end the information (thats the bit inside the first set of curly brackets) to the file, file.php. When the information is sent it will return some information in the form of a data variable, and we can then use that data to return information to the user via Javascript.
The ajax file
The ajax file is going to have to be customized to fit your needs. All you have to do is grab some information from the MySQL database of your choice with some PHP. I have created a very basic ajax.php file that grabs information from a wordpress MySQL database and displays the content with the title and link. It looks a little like this, but it will be included with the download files in the download link above.
Using the Plugin
Once you have your ajax file sorted out, its just a case of running the plugin. There are a bunch of variables you can determine, but it’s important that you define the query if you’re using the original ajax.php file listed above.
To run the plugin just upload all the files and create a container in your HTML called #content
or whatever you want to call your container. Then run the plugin on that. Easy!
In the download you’ll find the files necessary to do everything I’ve shown you. Since I can’t include database details you will have to supply your own which you can edit in the ajax.php file. And that’s it! Have a good day!