wordpress에서 리로드 페이지없이 어떻게 페이지 매김을 할 수 있습니까?

Question

wordpress에서 리로드 페이지없이 어떻게 페이지 매김을 할 수 있습니까? 페이지 매김에 다음 코드를 사용했지만 여기 페이지는 각 페이지 매김마다 리얼로드입니다. 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 datatable js를 사용하면 페이지가 다시로드되지 않습니다. Datatable 예제는 여기에 있습니다.

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