首页 > PHP资讯 > HTML5培训技术 > jqueryajax无刷新翻页分页

jqueryajax无刷新翻页分页

HTML5培训技术
2018/01/06阅读 0

freejs.net已经发了不少无刷新翻页的代码，都比较实用，这边这个非常简单，适合学习或者评论使用

搜索本站可以找到更多分页代码

注意本例jq版本为1.4.3

演示

XML/HTML Code
  1. 《script》
  2. $(function(){
  3. $("#content").load("view-comments.php");
  5. //PAGE NUMBER onClick FUNCTION
  6. $(".page").live("click", function(){
  7. var page = $(this).attr("id");
  8. $("#content").load("view-comments.php?page="+page);
  9. });
  10. });
  11. 《script》

  13. view-comments.php

    PHP Code
    2. //FILE WITH THE IMPORTANT MySQL INFO
    3. include 'conn.php';
    5. //PAGE NUMBER, RESULTS PER PAGE, AND OFFSET OF THE RESULTS
    6. if($_GET["page"]){
    7. $pagenum = $_GET["page"];
    8. } else {
    9. $pagenum = 1;
    10. }
    12. $rowsperpage = 3; //MAXIMUM RESULTS PER PAGE
    13. $offset = ($pagenum - 1) * $rowsperpage; //WHERE THE RESULTS START FROM
    15. $table="content";
    16. //FOR RESULTS OF THE PAGE
    17. $q = mysql_query("SELECT * FROM $table ORDER BY id LIMIT $offset, $rowsperpage");
    18. $page_nums = mysql_num_rows($q); //NUMBER OF RESULTS FOR THE PAGE
    20. $total_q = mysql_query("SELECT * FROM $table"); //FOR THE ALL RESULTS
    21. $total_nums = mysql_num_rows($total_q); //TOTAL NUMBER OF RESULTS
    22. $total_pages = ceil($total_nums/$rowsperpage); //NUMBER OF PAGES
    24. //IF PAGE NUMBER IS WITHIN THE FIRST AND LAST PAGES
    25. if($pagenum>=1&&$pagenum<=$total_pages)
    26. {
    27. while($r=mysql_fetch_array($q))
    28. {
    29. $content = $r["name"];
    30. echo '
      '.$content.'
      ';
    31. }
    33. echo '
      ';
    35. //IF ANY RESULTS
    36. if($total_nums)
    37. {
    38. $range = 2; //NUMBER OF PAGES TO BE SHOWN BEFORE AND AFTER THE CURRENT PAGE NUMBER
    40. //FIRST, PREVIOUS, NEXT, AND LAST LINKS
    41. if($pagenum>1)
    42. {
    43. $page = $pagenum - 1;
    44. $first = '

上一篇：js前台与后台数据交互-前台调后台
下一篇：项目常用Javascript分享,包含常用验证和Cookie操作

HTML5培训技术

本文由欣才IT学院整理发布，未经许可，禁止转载。
支持42不支持0

让更多人成为更优秀的互联网工程师

欣才学院微信公众号
欣才IT学院为小伙伴们提供专业PHP培训、python培训、java培训、HTML5培训让更多人成为更优秀的互联网工程师！期待您的到来！
Copyright©2008-2020 苏ICP备11039863号－2
版权所有:南京甘池软件科技有限公司