php教程分享

  1. php教程首页
  2. php分页

php+ajax实现无刷新数据分页的办法

•php分页•阅读 354

这篇文章主要介绍了php+ajax实现无刷新分页的方法,详细讲述了数据库的创建、Ajax文件的实现及PHP调用方法,需要的朋友可以参考下。

本文实例讲述了php+ajax实现无刷新分页的方法，分享给大家供大家参考，具体实现方法如下：

index.php 文件，代码如下:

  1. <?php
  2. header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
  3. ?>
  4. <html>
  5. <head>
  6. <title>ajax分页演示</title>
  7. <script language="javascript" src="ajaxpg.js"></script>
  8. <link rel="stylesheet" type="text/css" href="page.css">
  9. </head>
  10. <body>
  11. <div >
  12. <?php
  13. $page=isset($_GET['page'])?intval($_GET['page']):1; //这句就是获取page=18中的page的值，假如不存在page，那么页数就是1。
  14. $num=3; //每页显示10条数据
  15. $db=mysql_connect("localhost","root","123456"); //创建数据库连接
  16. mysql_select_db("demo",$db) or die("数据库链接错误"); //选择要操作的数据库
  17. mysql_query("set names gbk");
  18. /*
  19. 首先咱们要获取数据库中到底有多少数据，才能判断具体要分多少页，具体的公式就是
  20. 总数据库除以每页显示的条数，有余进一。
  21. 也就是说10/3=3.3333=4 有余数就要进一。
  22. */
  23. $result=mysql_query("select * from brand");
  24. $total=mysql_num_rows($result); //查询所有的数据
  25. $url='test.php';//设置ajax提交页面地址的URL，这里设置成test.php通过ajax把参数传递给test.php再把处理过的内容赋值到本页的div id=result。
  26. //页码计算
  27. $pagenum=ceil($total/$num);//获得总页数,也是最后一页
  28. $page=min($pagenum,$page);//获得首页
  29. $prepg=$page-1;//上一页
  30. $nextpg=($page==$pagenum ? 0 : $page+1);//下一页
  31. $offset=($page-1)*$num; //获取limit的第一个参数的值，假如第一页则为(1-1)*10=0,第二页为(2-1)*10=10。
  32. $pagenav="<ul>";
  33. //开始分页导航条代码：
  34. $pagenav.="<li>显示第 <B>".($total?($offset+1):0)."</B>-<B>".min($offset+10,$total)."</B> 条记录</li><li>共 $total 条记录&nbsp;</li>";
  35. //如果只有一页则跳出函数：
  36. if($pagenum<=1) return false;
  37. $pagenav.="<li> <a href=javascript：dopage('result','$url?page=1');>首页</a></li> ";
  38. if($prepg) $pagenav.="<li> <a href=javascript：dopage('result','$url?page=$prepg');>前页</a></li> "; else $pagenav.=" <li>前页</li> ";
  39. if($nextpg) $pagenav.="<li><a href=javascript：dopage('result','$url?page=$nextpg');>后页</a> </li>"; else $pagenav.=" <li>后页</li> ";
  40. $pagenav.="<li> <a href=javascript：dopage('result','$url?page=$pagenum');>尾页</a></li> ";
  41. $pagenav.="<li>第 $page 页</li><li>共 $pagenum 页</li></ul>";
  42. //假如传入的页数参数大于总页数，则显示错误信息
  43. If($page>$pagenum){
  44. Echo "Error : Can Not Found The page ".$page;
  45. Exit; //开源软件:phpfensi.com
  46. }
  47. ?></div><div >
  48. <?php
  49. echo $pagenav;//输出分页导航
  50. ?>
  51. </div>
  52. </body>
  53. </html>

css代码:

  1. /* CSS Document */
  2. /* CSS Document */
  3. #result ul li{
  4. height:20px;
  5. width:auto;
  6. display:block;
  7. color:#999;
  8. border:1px solid #999;
  9. float:left;
  10. list-style:none;
  11. font-size:12px;
  12. margin-left:5px;
  13. line-height:20px;
  14. vertical-align:middle;
  15. text-align:center;
  16. }
  17. #result ul li a:link{
  18. width:50px;
  19. height:20px;
  20. display:block;
  21. line-height:20px;
  22. background:#09C;
  23. border:1px solid #fff;
  24. color:#fff;
  25. text-decoration:none;
  26. }
  27. #result ul li a:hover{
  28. width:50px;
  29. height:20px;
  30. display:block;
  31. line-height:20px;
  32. background:#09C;
  33. border:1px solid #fff;
  34. color:#F60;
  35. text-decoration:none;
  36. }

ajaxpg.js文件，如下:

  1. // JavaScript Document
  2. var http_request=false;
  3. function send_request(url){//初始化，指定处理函数，发送请求的函数
  4. http_request=false;
  5. //开始初始化XMLHttpRequest对象
  6. if(window.XMLHttpRequest){//Mozilla浏览器
  7. http_request=new XMLHttpRequest();
  8. if(http_request.overrideMimeType){//设置MIME类别
  9. http_request.overrideMimeType("text/xml");
  10. }
  11. }
  12. else if(window.ActiveXObject){//IE浏览器
  13. try{
  14. http_request=new ActiveXObject("Msxml2.XMLHttp");
  15. }catch(e){
  16. try{
  17. http_request=new ActiveXobject("Microsoft.XMLHttp");
  18. }catch(e){}
  19. }
  20. }
  21. if(!http_request){//异常，创建对象实例失败
  22. window.alert("创建XMLHttp对象失败！");
  23. return false;
  24. }
  25. http_request.onreadystatechange=processrequest;
  26. //确定发送请求方式，URL，及是否同步执行下段代码
  27. http_request.open("GET",url,true);
  28. http_request.send(null);
  29. }
  30. //处理返回信息的函数
  31. function processrequest(){
  32. if(http_request.readyState==4){//判断对象状态
  33. if(http_request.status==200){//信息已成功返回，开始处理信息
  34. document.getElementById("results").style.display="none";
  35. document.getElementById(reobj).innerHTML=http_request.responseText;
  36. }
  37. else{//页面不正常
  38. alert("您所请求的页面不正常！");
  39. }
  40. }
  41. }
  42. function dopage(obj,url){
  43. document.getElementById(obj).innerHTML="<font color='green' font-size='12'>正在读取数据...</font>";
  44. send_request(url);
  45. reobj=obj;
  46. }

数据库文件，如下:

  1. -- phpMyAdmin SQL Dump
  2. -- version 2.8.1
  3. -- 主机: localhost
  4. -- 服务器版本: 5.0.22
  5. -- PHP 版本: 5.2.12
  6. --
  7. -- 数据库: `demo`
  8. --
  9. -- --------------------------------------------------------
  10. --
  11. -- 表的结构 `brand`
  12. --
  13. CREATE TABLE `brand` (
  14. `id` int(7) NOT NULL auto_increment,
  15. `sp_brand` varchar(255) default NULL,
  16. PRIMARY KEY (`id`)
  17. ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=19 ;
  18. --
  19. -- 导出表中的数据 `brand`
  20. --
  21. INSERT INTO `brand` (`id`, `sp_brand`) VALUES (1, 'hello world'),
  22. (2, '你好'),
  23. (3, '恩'),
  24. (4, 'fdsafdsafdsa'),
  25. (5, 'fdsafdafdsafdas'),
  26. (6, 'fdsafdsa'),
  27. (7, 'fdsafdsafdas'),
  28. (8, '恩'),
  29. (9, '恩'),
  30. (10, '恩'),
  31. (11, '恩11'),
  32. (12, '恩'),
  33. (13, '恩'),
  34. (14, '恩'),
  35. (15, '恩'),
  36. (16, '恩'),
  37. (17, '恩'),
  38. (18, '恩18');

下面介绍这些文件的功能

ajaxpg.js:ajax无刷新核心文件,一般不要去作修改.

index.php:实现ajax无刷新的文件了,这里调用了ajaxpg.js文件,配置了mysql用户密码,要和自己本地的一致,以及显示分页的效果.

page.css:这是分页的CSS样式文件,用来美化的,就不多介绍了.

brand.sql:这是MYSQL数据库的文件了,进行导入到MYSQL数据库中,同样,如果不会导入,可以参考PHPfensi.com中如何导入.sql文章即可。

例子非常的简单大家只要按流程来操作就ok啦，希望这篇文章能帮助大家真正的实现php+ajax无刷新分页。

赞 (4)
上一篇11-7
下一篇 12-19

相关推荐

  • PHP + jQuery Ajax文件无刷新上传文件

    PHP+jQueryAjax文件无刷新上传文件PHP+jQueryAjax文件上传实例。因为看到一些朋友询问如何实现PHP环境下的网页上传功能，自己这几天刚用了jQuery_upload_multiple上传插件，所以在这里把用法给大家说一…
    •php上传下载
    2015-12-0112863

  • PHP+Ajax实现分页技术

    PHP+Ajax实现分页技术PHP+Ajax实现分页技术：基于php和ajax的分页技术代码，下面有两个php文件，一个是sn_inq.php，另一个是sn_show.php，前一个php文件调用后一个php文件，实现ajax分页，运行sn…
    •php分页
    2016-01-0315816

  • 深入分析PHP文章内容分页

    深入分析PHP文章内容分页文章内容分页主要有两个办法：办法一、按字数控制进行分页按字数分页办法简单易用，但效果不好。大致思想：首先、设定每页能容纳的最大字数；然后、计算文章内容的总字数，再由总字数和单页最大字数计算出出总页数。这样整个分页的…
    •php分页
    2016-01-1914254

  • php ajax无刷新上传图片实例代码

    phpajax无刷新上传图片实例代码将index.html和upload.php文件保存到支持php的空间的同级目录，测试运行即可AJAX客户端页面代码：index.html<html><body><h1>…
    •php上传下载
    2016-02-2211115

  • 四种关于SQL查询信息分页的代码

    四种关于SQL查询信息分页的代码过程一：selecttopN条记录*from文章表whereidnotin(selecttopM条记录idfrom文章表orderbyiddesc)orderbyiddesc过程二：selecttopN条记录…
    •Mysql
    2018-05-023864

  • php 使用array函数实现分页

    这里给大家分享的是一段php使用array()函数实现分页的代码，算是一种比较另类的分页思路，这里推荐给大家。代码很简单，就不多废话了:$array=array("1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20");//规定要分页的数组$page=$_GET['page…
    •php分页
    2023-05-31573

  • ajax +php无刷新分页代码

    index.php代码如下:header("content-type:text/html;charset=utf-8");error_reporting(e_all^e_notice);include('pagination_class.php');mysql_connect('localhost','root','')ordie(mysql_error());mysql_select_db('m…
    •php分页
    2023-06-01609

  • TP3.2框架分页相关实现方法分析

    本文实例讲述了TP3.2框架分页相关实现方法，分享给大家供大家参考，具体如下：需要用到分页的继承这个控制器即可<?phpnamespaceHome\Controller;useThink\Controller;classBaseControllerextendsController{/***基础分页的相同代码封装,使前台的代码更少*@param$count要分页的总记录数*@paramint…
    •Thinkphp
    2023-06-10590