jquery dynamic pagination for comments

Question

I would like to create a pagination system for comments in my website.So far, I have been able to create pagination using php/mysql and html but the page has to refresh every time we click on the next button(for the next set of comments) or previous or a particular page....

As far as my knowledge of jquery is concerned I am thinking that, when the user clicks on the next button we post data for the page number to comments.php then echo all the comments in comments.php, then the jquery data variable recieves all the data echo'd in the file and appends it to the #comments box...

Is my solution a valid one??? or anyone has a better solution.....thanks

Answer 1

Yes, when you click 'next', you send ajax request to comments.php and replace current comments with new ones.

Answer 2

You can do it with a get()/getJSON() call in jQuery.

Something like

$('#next').click(function(){
      $.getJSON('url?withnextpage=number',
               function(data){
                   //update variables or the DOM
               });

});

Returning it in JSON may be quicker. I hope that helps

Answer 3

Your question doesn't make much sense and is very jumbled.

You can either load the entire list when the page first loads, and use jquery to paginate it by hiding the extra entries, which will work fine for lists with a few pages worth of content.

The other option is to use AJAX to fetch the next or previous page when the appropriate link is clicked.

There are plenty of pagination add ons for jquery. Maybe check them out.

Don't use a POST request to get the next page as it looks like you might be, unless you are just using the wrong terminology.