Advertisement
martawijaya

ajax load more post js

Sep 10th, 2019
510
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.18 KB | None | 0 0
  1. $(document).ready(function() {
  2.     blog_post.ajax_load_more();
  3. });
  4.  
  5.  
  6.  
  7. var blog_post = {
  8. ajax_load_more: function(){
  9.       var ppp = 9; // Post per page
  10.       // var cat = 8;
  11.       var pageNumber = 1;
  12.  
  13.  
  14.       function load_posts(){
  15.           pageNumber++;
  16.           var str = '&pageNumber=' + pageNumber + '&ppp=' + ppp + '&action=more_post_ajax';
  17.           $.ajax({
  18.               type: "POST",
  19.               dataType: "html",
  20.               url: immAjax.ajaxurl,
  21.               data: str,
  22.               success: function(data){
  23.                   var $data = $(data);
  24.  
  25.                   if($data.length){
  26.                       $("#blog-all-item").append($data);
  27.                       $("#more_posts").attr("disabled",false);
  28.                   }
  29.               },
  30.               error : function(jqXHR, textStatus, errorThrown) {
  31.                   $loader.html(jqXHR + " :: " + textStatus + " :: " + errorThrown);
  32.               }
  33.  
  34.           });
  35.           return false;
  36.       }
  37.  
  38.  
  39.       $("#more_posts").on("click",function(){ // When btn is pressed.
  40.           $("#more_posts").attr("disabled",true); // Disable the button, temp.
  41.           load_posts();
  42.       });
  43.     },
  44.  
  45. };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement