使用Ajax与Jquery，PHP进行分页

Question

这是我第一次使用Ajax与Jquery，PHP和Mysql制作（我的意思是，我尝试）没有页面刷新的分页。

问题：分页链接不起作用。

网站内容正常运作。 这是测试页面的链接： testpage1

预先感谢您的帮助。

1. Ajax（index.php）

  <div id="page"> 

  </div>

<script>  
 $(document).ready(function(){  
      load_data();  
      function load_data(page)  
      {  
           $.ajax({  
                url:"pagination2.php",  
                method:"POST",  
                data:{page:page},  
                success:function(data){  
                     $('#page').html(data);  
                }  
           })  
      }  
      $(document).on('click', '.pagination_link', function(){  
           var page = $(this).attr("id");  
           load_data(page);  
      });   
 });  
 </script> 

2. PHP（pagination2.php）

if($page_nb > 1) {
    echo "<a href='index_all.php?page=".$prev_page."'>Back</a>";
    //echo '<span style="cursor:pointer;" onclick="LoadData('.$prev_page.')">Back</span>';

}

if ( $products_count > $check ) {

    for ( $i = max( 1, $page_nb - 5 ); $i <= min( $page_nb + 5, $limit ); $i++ ) {
        if ( $current_page == $i ) {
            echo "<span class=\"selected\">{$i}</span>";
        } else {
            //echo "<a href=\"{$url}?page=" . $i . "\">{$i}</a>";
            echo "<span class='pagination_link' style='cursor:pointer;' id='".$i."'>".$i."</span>"; 
        }
      }
    }   



if ($products_count > $check) { 

$next_page = $page_nb + 1;  
    echo "<a href='index_all.php?page=".$next_page."'>Next</a>";
    //echo '<span style="cursor:pointer;" onclick="LoadData('.$next_page.')">Next</span>';

}

我想我找到了解决方案

A.阿贾克斯

<script>  
 $(document).ready(function(){  
      load_data();  
      function load_data(page)  
      {  
           $.ajax({  
                url:"pagination2.php",  
                method:"GET",  
                data:{page:page},  
                success:function(data){  
                     $('#page').html(data);
                     //alert('Successfully called');
                }, 
              //error:function(exception){alert('Exeption:'+exception);} 
           })  
      }  
     //load_data(1);

      $(document).on('click', '.pagination_link', function(){  
           var page = $(this).attr("id");  
           load_data(page);  
      });  


 });  
 </script> 

B.链接

if($page_nb > 1) {
    //echo "<a href='index_all.php?page=".$prev_page."'>Back</a>";
    echo "<span class='pagination_link' style='cursor:pointer;' id='".$prev_page."'>Back</span>";

}

if ( $products_count > $check ) {

    for ( $i = max( 1, $page_nb - 5 ); $i <= min( $page_nb + 5, $limit ); $i++ ) {
        if ( $current_page == $i ) {
            echo "<span class=\"selected\">{$i}</span>";
        } else {
            //echo "<a href=\"{$url}?page=" . $i . "\">{$i}</a>";
            echo "<span class='pagination_link' style='cursor:pointer;' id='".$i."'>".$i."</span>"; 
        }
      }
    }   



if ($products_count > $check) { 

$next_page = $page_nb + 1;  
    //echo "<a href='index_all.php?page=".$next_page."'>Next</a>";
    echo "<span class='pagination_link' style='cursor:pointer;' id='".$next_page."'>Next</span>";

}