Question

How do I make my website compatible with all those autopaging plugins out there that load the next page beneath the current, thereby saving a page reload?

Answer 1

It’s depend on how you design your page.

Let’s take a look at twitter page. The items there displayed in a li, top to down. Implementing a autopaging to page like this will be quite simple.

1. When page load, display a predefined number of item in list (10 or 20, or else)
2. When user reach the end of list, (maybe detect the position of certain element, or else), load the next page via AJAX. The back end page should detect AJAX request and then only return a portion of page that contain the list item only
3. In AJAX response handler block, do a DOM manipulation to add the newly received list item into the end of existing list.

In my project, I create function like this by myself. I’m using jQuery btw.