首页>>分页>>php mysql jquery无刷新翻页(2014-09-07)

php mysql jquery无刷新翻页

 本站已经发布了很多无刷新翻页的,都是用的相同的数据库结构,想要查看更多请点击本站“分页”栏目

php mysql jquery无刷新翻页

 

PHP Code
  1. <?php  
  2. include_once('../../conn.php');  
  3. include_once('inc/pagination.inc.php');  
  4. $query="select id from content order by id desc";  
  5. $res=mysql_query($query);  
  6. $count=mysql_num_rows($res);  
  7. if($count > 0){  
  8.    $paginationCount=getPagination($count);  
  9. }  
  10. ?>  
  11. <body onload="changePagination('0','first')">  
  12. <div id="container">  
  13.   
  14.   
  15.   
  16.     <div id="wrapper">  
  17.          <div id="pageData"></div>  
  18.           <?php  
  19.             if($count > 0){  
  20.           ?>  
  21.           <ul>  
  22.                <li class='first link' id="first"><a href="javascript:void(0)" onclick="changePagination('0','first')">First</a></li>  
  23.                <?php  
  24.                for($i=0;$i<$paginationCount;$i++){  
  25.                   ?><li id="<?php echo $i;?>_no" class='link'><a href="javascript:void(0)" onclick="changePagination('<?php echo $i;?>','<?php echo $i;?>_no')"><?php echo $i+1;?></a></li><?php  
  26.                }  
  27.                ?>  
  28.                <li class='last link'  id="last"><a href="javascript:void(0)" onclick="changePagination('<?php echo $paginationCount-1;?>','last')">Last</a></li>  
  29.                <li class="flash"></li>  
  30.           </ul>  
  31.           <?php } ?>  
  32.     </div>  
  33. </div>  
JavaScript Code
  1. <script type="text/javascript">  
  2. function changePagination(pageId,liId){  
  3.       $(".flash").show();  
  4.       $(".flash").fadeIn(400).html('Loading <img src="image/ajax-loading.gif" />');  
  5.       var dataString = 'pageId='+ pageId;  
  6.       $.ajax({  
  7.       type: "POST",  
  8.       url: "pageData.php",  
  9.       data: dataString,  
  10.       cache: false,  
  11.       success: function(result){  
  12.                $(".flash").hide();  
  13.                $(".link a").css('background-color','#fff') ;  
  14.                $("#"+liId+" a").css('background-color','#99A607') ;  
  15.                $("#pageData").html(result);  
  16.       }  
  17.       });  
  18. }  
  19. </script>  

 

PHP Code
  1. pageData.php  
  2. <?php  
  3. include_once('../../conn.php');  
  4. include_once('inc/pagination.inc.php');  
  5.   
  6. if(isset($_POST['pageId']) && !emptyempty($_POST['pageId'])){  
  7.      $id=$_POST['pageId'];  
  8. }else{  
  9.      $id='0';  
  10. }  
  11.   
  12. $pageLimit=PAGE_PER_NO*$id;  
  13. $query="select * from content order by id desc limit $pageLimit,".PAGE_PER_NO;  
  14. $res=mysql_query($query);  
  15. $count=mysql_num_rows($res);  
  16. $HTML='';  
  17. if($count > 0){  
  18.   while($row=mysql_fetch_array($res)){  
  19.         $post=$row['message'];  
  20.         $link=$row['link'];  
  21.         $HTML.='<div>';  
  22.         $HTML.='<a href="'.$link.'" target="blank">'.$post.'</a>';  
  23.         $HTML.='</div><br/>';  
  24.   }  
  25. }else{  
  26.   $HTML='No Data Found';  
  27. }  
  28. echo $HTML;  
  29. ?>  

 inc/pagination.inc.php

 

PHP Code
  1. <?php  
  2. define('PAGE_PER_NO',5);  
  3. function getPagination($count){  
  4.       $paginationCountfloor($count / PAGE_PER_NO);  
  5.   
  6.       $paginationModCount$count % PAGE_PER_NO;  
  7.       if(!emptyempty($paginationModCount)){  
  8.          $paginationCount++;  
  9.       }  
  10.   
  11.       return $paginationCount;  
  12. }  
  13. ?>  

 


原文地址:http://www.freejs.net/article_fenye_433.html