时间戳

首页 > 解决方案 > 分页活动链接

php - 分页活动链接

问题描述

我正在使用 ajax 为表格进行分页，该表格有一些记录，我必须为每次点击显示活动链接。请帮我解决这个问题。

      $(document).ready(function()
      {  
             ready_data();  
             function ready_data(page)  
       {  
         $.ajax({  
            url:"connection.php",  
            method:"POST",  
            data:{page:page},  
            success:function(data){  
                 $('#paginate_record').html(data); 
                //  $('.page_links').removeClass('active');
                //  $(this).addClass('active');                  
            }  
       });   }  

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

这是我的分页页面

    $records_per_page = 2;  
    $page = '';  

    if(isset($_POST["page"]))  
    {  
         $page = $_POST["page"];  
    }               
    else  
    {  
         $page = 1;  
    }  
    $start_from = ($page - 1)*$records_per_page; 
    $sql = "SELECT * FROM students  LIMIT $start_from, 
    $records_per_page"; 
    $result = mysqli_query($con,$sql);

    $data .= '</table><br /><div align="center">';  
    $page_sql = "SELECT * FROM students ";  
    $page_result = mysqli_query($con, $page_sql);  
    $total_records = mysqli_num_rows($page_result);  
    $total_pages = ceil($total_records/$records_per_page);

    for($i=1; $i<=$total_pages; $i++)  
    {    

      $data.= "<span class='page_links active' 
      style='cursor:pointer;margin:10px;padding:1px;border:1px 
       solid 
      ;'id='".$i."'>".$i."</span>";  

    }

    echo $data;

现在我想为每个点击显示活动链接。我尝试通过在 ajax succes 函数上添加类来尝试在 span 标签上添加活动类，但它适用于所有链接。所以请帮帮我。

标签： phpajax

解决方案

在最后一个for()循环中，您将active类应用于所有输出，您只想将其应用于当前页面......

   for($i=1; $i<=$total_pages; $i++)  
    {    

      $data.= "<span class='page_links";
      if ( $i == $page ) {
          $data .=" active";
      }
      $data.= "' style='cursor:pointer;margin:10px;padding:1px;border:1px solid;'id='"
               .$i."'>".$i."</span>";  

    }

推荐阅读