phpajax实现无刷新数据分页例子

本文格式为Word版，下载可任意编辑——phpajax实现无刷新数据分页例子php+ajax实现无刷新数据分页例子

无刷新功能我们用到好多好多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新数据分页了,例子分外的简朴大家只要按流程来操作就可以了哦.index.php文件代码如下:?phpheaderContent-type:text/html;charset=GBK;//输出编码,制止中文乱码?htmlheadtitleajax分页演示/titlescriptlanguage=javascriptsrc=ajaxpg.js/scriptlinkrel=stylesheettype=text/csshref=page.css/headbodypid=result?php$page=isset$_GET[page]?intval$_GET[page]:1;//这句就是获取page=18中的page的值，假使不存在page，那么页数就是1。$num=3;//每页显示10条数据$db=mysql_connectlocalhost,root,123456;//创造数据库连接mysql_select_dbdemo,$dbordie数据库链接错误;//选择要操作的数据库mysql_querysetnamesgbk;/*首先咱们要获取数据库中毕竟有多少数据，才能判断概括要分多少页，概括的公式就是总数据库除以每页显示的条数，有余进一。也就是说10/3=3.3333=4有余数就要进一。*/$result=mysql_queryselect*frombrand;$total=mysql_num_rows$result;//查询全体的数据$url=test.php;//设置ajax提交页面地址的URL，这里设置成test.php通过ajax把参数传递给test.php再把处理过的.内容赋值到本页的pid=result。//页码计算$pagenum=ceil$total/$num;//获得总页数,也是结果一页$page=min$pagenum,$page;//获得首页$prepg=$1;//上一页$nextpg=$page==$pagenum?0:$page+1;//下一页$offset=$1*$num;//获取limit的第一个参数的值，假使第一页那么为1-1*10=0,其次页为2-1*10=10。$pagenav=ul;//开头分页导航条代码：$pagenav.=li显示第B.$total?$offset+1:0./B-B.min$offset+10,$total./B条记录/lili共$total条记录/li;//假设只有一页那么跳出函数：if$pagenum=1returnfalse;$pagenav.=liahref=javascript：dopageresult,$url?page=1;首页/a/li;if$prepg$pagenav.=liahref=javascript：dopageresult,$url?page=$prepg;前页/a/li;else$pagenav.=li前页/li;if$nextpg$pagenav.=liahref=javascript：dopageresult,$url?page=$nextpg;后页/a/li;else$pagenav.=li后页/li;$pagenav.=liahref=javascript：dopageresult,$url?page=$pagenum;尾页/a/li;$pagenav.=li第$page页/lili共$pagenum页/li/ul;//假使传入的页数参数大于总页数，那么显示错误信息If$page$pagenumEchoError:CanNotFoundThepage.$page;Exit;//开源软件:?/ppid=results?phpecho$pagenav;//输出分页导航?/p/body/htmlcss代码:/*CSSDocument*//*CSSDocument*/#resultulliheight:20px;width:auto;display:block;color:#999;border:1pxsolid#999;float:left;list-style:none;font-size:12px;margin-left:5px;line-height:20px;vertical-align:middle;text-align:center;#resultullia:linkwidth:50px;height:20px;display:block;line-height:20px;background:#09C;border:1pxsolid#fff;color:#fff;text-decoration:none;#resultullia:hoverwidth:50px;height:20px;display:block;line-height:20px;background:#09C;border:1pxsolid#fff;color:#F60;text-decoration:none;ajaxpg.js文件如下://JavaScriptDocumentvarhttp_request=false;functionsend_requesturl//初始化，指定处理函数，发送苦求的函数http_request=false;//开头初始化XMLHttpRequest对象ifwindow.XMLHttpRequest//Mozilla欣赏器http_request=newXMLHttpRequest;ifhttp_request.overrideMimeType//设置MIME类别http_request.overrideMimeTypetext/xml;elseifwindow.ActiveXObject//IE欣赏器tryhttp_request=newActiveXObjectMsxml2.XMLHttp;catchetryhttp_request=newActiveXobjectMicrosoft.XMLHttp;catcheif!http_request//奇怪，创造对象实例失败window.alert创造XMLHttp对象失败！;returnfalse;http_request.onreadystatechange=processrequest;//确定发送苦求方式，URL，及是否同步执行下段代码http_request.openGET,url,true;http_request.sendnull;//处理返回信息的函数functionprocessrequestifhttp_request.readyState==4//判断对象状态ifhttp_request.status==200//信息已告成返回，开头处理信息document.getElementByIdresults.style.display=none;document.getElementByIdreobj.innerHTML=http_request.responseText;else//页面不正常alert您所苦求的页面不正常！;functiondopageobj,urldocument.getElementByIdobj.innerHTML=fontcolor=greenfont-size=12正在读取数据.../font;send_requesturl;reobj=obj;数据库文件如下:--phpMyAdminSQLDump--version2.8.1--http://.----主机:localhost--生成日期:2022年01月22日14:41--服务器版本:5.0.22--PHP版本:5.2.12----数据库:`demo`--------表的布局`brand`--CREATETABLE`brand``id`int7NOTNULLauto_increment,`sp_brand`varchar255defaultNULL,PRIMARYKEY`id`ENGINE=InnoDBDEFAULTCHARSET=utf8AUTO_INCREMENT=19;----导出表中的数据`brand`--INSERTINTO`brand``id`,`sp_brand`VALUES1,helloworld,2,你好,3,恩,4,fdsafdsafdsa,5,fdsafdafdsafdas,6,fdsafdsa,7,fdsafdsafdas,8,恩,9,恩,10,恩,11,恩11,12,恩,13,恩,14,恩,15,恩,16,恩,17,恩,18,恩18;下面介绍这些文件的功