如何在wordpress中沒有reaload頁面的情況下分頁

Question

如何在沒有wordpress中的reaload頁面的情況下進行分頁。 我使用下面的代碼分頁，但這裏的頁面是每個分頁reaload。 我能做些什麼來阻止realod頁面???請給我建議。

<?php 
         $page = (get_query_var('page')) ? get_query_var('page') : 1  

         $limit=10; 
         $offset = ($page - 1) * $limit;  
         $data = $wpdb->get_results("select * from wp_products order by product_id $sort_by 
              LIMIT $offset,$limit "); 
       $total=$wpdb->get_results("select * from wp_products "); 
      $pages = COUNT($total); 
      $pages = ceil($pages/$limit); 
      $querystring = ""; 
      foreach ($_GET as $key => $value) { 
       if ($key != "page") $querystring .= "$key=$value&amp;"; 
      } 

      // Pagination 
      ?> 


    <div class="pagination"> 
       <?php 
       if($pages > 1) 
       { 
       $range=1; 
       $showitems = ($range * 2)+1; 
       $page1=$page; 
       $prev=$page1-1; 
       if($page > 1) 
       { 
        echo "<a class=\"page gradient\" "; 
        echo "href=\"?{$querystring}page=$prev"; 
        echo "\">Previous</a> "; 
       } 
       for ($i = 1; $i <= $pages; $i++) 
        { 
         if (1 != $pages &&(!($i >= $page+$range+1 || $i <= $page-$range-1) || $pages <= $showitems)) 
          { 
           if($i == $page) 
           { 
            echo "<span class=\" page active\">".$i."</span>"; 
           } 
           else 
           { 

           echo "<a class=\"page gradient\""; 
           echo "href=\"?{$querystring}page=$i"; 
           echo "\">$i</a> "; 
           } 

          } 
         } 
         if($page!=$pages) 
         { 
         if($showitems < $pages) 
          { 
           echo "..... "; 
          } 
          $page1=$page; 
          $next=$page1+1; 
          echo "<a " . ($i == $page ? "class=\"page active\" " : "class=\"page gradient\""); 
          echo "href=\"?{$querystring}page=$next"; 
          echo "\">Next</a> "; 
         } 
       } 
       ?>           
       </div> 

Answer 1

如何想是這樣的：

$('.page').click(function(e) { 
    e.preventDefault(); 
    $.ajax({url: $(this).prop('href'), success: function(d) { 
     var page = $(d).find('.pagination').html(); 
     $('.pagination').html(page); 
    }}); 
}); 

這使用jQuery來禁用下一環節的正常的單擊事件，抓住下一個環節的href，使一個AJAX請求到下一個頁面，保存下一頁的分頁div的HTML，並用新的分頁替換當前頁面的分頁div。

Answer 2

只是一次獲取所有頁面，然後在同一頁上使用jquery數據表js分頁，在這種情況下頁面將不會重新加載。 數據表示例。

http://datatables.net/examples/basic_init/alt_pagination.html