首页 php教程 php手册 php+ajax实现无刷新数据分页的办法

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

Jun 06, 2016 pm 07:39 PM
ajax php

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

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

index.php 文件,,代码如下:

ajax分页演示
"; //开始分页导航条代码: $pagenav.="
  • 显示第 ".($total?($offset+1):0)."-".min($offset+10,$total)." 条记录
  • 共 $total 条记录 
  • "; //如果只有一页则跳出函数: if($pagenum 首页 "; if($prepg) $pagenav.="
  • 前页
  • "; else $pagenav.="
  • 前页
  • "; if($nextpg) $pagenav.="
  • 后页
  • "; else $pagenav.="
  • 后页
  • "; $pagenav.="
  • 尾页
  • "; $pagenav.="
  • 第 $page 页
  • 共 $pagenum 页
  • "; //假如传入的页数参数大于总页数,则显示错误信息 If($page>$pagenum){ Echo "Error : Can Not Found The page ".$page; Exit; //开源软件:phpfensi.com } ?>

    css代码:

    /* CSS Document */ /* CSS Document */ #result ul li{ height:20px; width:auto; display:block; color:#999; border:1px solid #999; float:left; list-style:none; font-size:12px; margin-left:5px; line-height:20px; vertical-align:middle; text-align:center; } #result ul li a:link{ width:50px; height:20px; display:block; line-height:20px; background:#09C; border:1px solid #fff; color:#fff; text-decoration:none; } #result ul li a:hover{ width:50px; height:20px; display:block; line-height:20px; background:#09C; border:1px solid #fff; color:#F60; text-decoration:none; }

    ajaxpg.js文件,如下:

    // JavaScript Document var http_request=false; function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest){//Mozilla浏览器 http_request=new XMLHttpRequest(); if(http_request.overrideMimeType){//设置MIME类别 http_request.overrideMimeType("text/xml"); } } else if(window.ActiveXObject){//IE浏览器 try{ http_request=new ActiveXObject("Msxml2.XMLHttp"); }catch(e){ try{ http_request=new ActiveXobject("Microsoft.XMLHttp"); }catch(e){} } } if(!http_request){//异常,创建对象实例失败 window.alert("创建XMLHttp对象失败!"); return false; } http_request.onreadystatechange=processrequest; //确定发送请求方式,URL,及是否同步执行下段代码 http_request.open("GET",url,true); http_request.send(null); } //处理返回信息的函数 function processrequest(){ if(http_request.readyState==4){//判断对象状态 if(http_request.status==200){//信息已成功返回,开始处理信息 document.getElementById("results").style.display="none"; document.getElementById(reobj).innerHTML=http_request.responseText; } else{//页面不正常 alert("您所请求的页面不正常!"); } } } function dopage(obj,url){ document.getElementById(obj).innerHTML="正在读取数据..."; send_request(url); reobj=obj; }

    数据库文件,如下:

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

    下面介绍这些文件的功能

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

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

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

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

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

    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热门文章

    仓库:如何复兴队友
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    1 周前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒险:如何获得巨型种子
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热门文章

    仓库:如何复兴队友
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O.能量晶体解释及其做什么(黄色晶体)
    1 周前 By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island冒险:如何获得巨型种子
    3 周前 By 尊渡假赌尊渡假赌尊渡假赌

    热门文章标签

    记事本++7.3.1

    记事本++7.3.1

    好用且免费的代码编辑器

    SublimeText3汉化版

    SublimeText3汉化版

    中文版,非常好用

    禅工作室 13.0.1

    禅工作室 13.0.1

    功能强大的PHP集成开发环境

    Dreamweaver CS6

    Dreamweaver CS6

    视觉化网页开发工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神级代码编辑软件(SublimeText3)

    适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南 适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南 Dec 24, 2024 pm 04:42 PM

    适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南

    CakePHP 日期和时间 CakePHP 日期和时间 Sep 10, 2024 pm 05:27 PM

    CakePHP 日期和时间

    CakePHP 项目配置 CakePHP 项目配置 Sep 10, 2024 pm 05:25 PM

    CakePHP 项目配置

    CakePHP 文件上传 CakePHP 文件上传 Sep 10, 2024 pm 05:27 PM

    CakePHP 文件上传

    CakePHP 路由 CakePHP 路由 Sep 10, 2024 pm 05:25 PM

    CakePHP 路由

    讨论 CakePHP 讨论 CakePHP Sep 10, 2024 pm 05:28 PM

    讨论 CakePHP

    如何设置 Visual Studio Code (VS Code) 进行 PHP 开发 如何设置 Visual Studio Code (VS Code) 进行 PHP 开发 Dec 20, 2024 am 11:31 AM

    如何设置 Visual Studio Code (VS Code) 进行 PHP 开发

    CakePHP 快速指南 CakePHP 快速指南 Sep 10, 2024 pm 05:27 PM

    CakePHP 快速指南

    See all articles