宝哥软件园

简单实现埃阿斯无刷新分页效果

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

埃阿斯无刷新分页效果,如下代码实现

!doctype html html lang=' en ' head meta charset=' UTF-8 ' title AJax无刷新分页效果/title脚本类型='text/javascript '函数show page(URL){ var xhr=new XMLHttpRequest();xhr。onreadystatechange=function(){ if(xhr。readystate==4){ document。getelementbyid(' result ').innerHTML=xhr . responsetext } } xhr . open(' get ',URL);xhr。发送(null);}窗口。onload=function(){ show page(' page。PHP’);}/脚本/头体H2风格=' text-align : center ' Ajax无刷新分页效果/H2 div id=' result '/div/body/html网上找的分页代码,亲测可用~

/**创建于2011-07-28*作者: LKK,http://使用方法:require _ once('我的页面。PHP’);$ result=MySQL _ query('从我的表中选择* ',$我的KNN);$ total=MySQL _ num _ rows($ result);//取得信息总数页面划分(共计10美元);//调用分页函数//数据库操作$ result=MySQL _ query('先从我的表限制中选择$ SQL,$shownu ',$我的KNN);while($ row=MySQL _ fetch _ array($ result)){ 0.您的操作} echo $ pagecon//输出分页导航内容*///if(!function _ exists('分页符'){ # $ total信息总数#$shownu显示数量,默认20 # $网址本页链接函数pageDivide($total,$shownu=20,$url=''){#$page当前页码# $ sqlfirst mysql数据库起始项#$pagecon分页导航内容global $page 、$ sqlfirst 、$pagecon 、$ _ SERVER $ GLOBALS[' show nu ']=$ show nu;if(isset($ _ GET[' page ']){ $ page=$ _ GET[' page '];} else $ page=1;#如果$url使用默认,即空值,则赋值为本页URL if(!$ URL){ $ URL=$ _ SERVER[' REQUEST _ URI '];} #网址分析$ parse _ URL=parse _ URL($ URL);@ $ URL _ query=$ parse _ URL[' query '];//取出在问号?之后内容if($ URL _ query){ $ URL _ query=preg _ replace('/(?)(page=$page)/','',$ URL _ query);$ URL=str _ replace($ parse _ URL[' query '],$url_query,$ URL);if($url_query){ $url .=' page}else $url .=' page}else $url .='?页面;#页码计算$ lastpg=ceil($ total/$ show nu);//最后页,总页数$page=min($lastpg,$ page);$ prepg=$ page-1;//上一页$nextpg=($page==$lastpg?0 :美元第一页);//下一页$ sqlfirst=($ page-1)* $ show nu;#开始分页导航内容$pagecon='显示第。($总计?($sqlfirst 1):0)-'.min($sqlfirst $shownu,$total)。条记录,共共计美元条记录;如果($lastpg=1)返回false//如果只有一页则跳出//if($page!=1) $pagecon .=' a href='$url=1 '首页/a ';else $pagecon .=' 首页;//if($prepg) $pagecon .=' a href='$url=$prepg '前页/a ';else $pagecon .=' 前页;//if($nextpg) $pagecon .=' a href='$url=$nextpg '后页/a ';else $pagecon .=' 后页;//if($page!=$lastpg) $pagecon .=' a href='$url=$lastpg '尾页/a ';else $pagecon .=' 尾页;if($page!=1) $pagecon .=' a href=' JavaScript : show page( ' $ URL=1 ')首页/a ';else $pagecon .=' 首页;if($prepg) $pagecon .=' a href=' JavaScript : show page( ' $ URL=$ prepg ')'前页/a ';else $pagecon .=' 前页;if($nextpg) $pagecon .=' a href=' JavaScript : show page( ' $ URL=$ next pg ')'后页/a ';else $pagecon .=' 后页;if($page!=$lastpg) $pagecon .=' a href=' JavaScript : show page( ' $ URL=$ lastpg ')'尾页/a ';else $pagecon .=' 尾页;#下拉跳转列表,循环列出所有页码//$pagecon .=' 到第选择name=' topage ' size=' 1 ' on change=' window。位置= ' $ URL= '这。值' n ';$pagecon .=' 到第选择name=' topage ' size=' 1 ' onchange=' show page( ' $ URL= ' this。值)' n ';for($ I=1;$ I=$ lastpg $ I){ if($ I==$ page)$ page con .='选项值='$i '选择了$ I/选项 n ';else $pagecon .=' option value=' $ I ' $ I/option n ';} $pagecon .='/select页,共$lastpg页;返回$ page}//}else die('pageDivide()同名函数已经存在!');以下是我自己做的一个简单分页展示

?服务器端编程语言(Professional Hypertext Preprocessor的缩写)头('内容类型:文本/html;charset=utf-8 ');$ link=MySQL _ connect(' localhost ',' root ',' 123 ',' good ');if(!$link){ die('连接错误: ' .MySQL _ connect _ error());} $ SQL=' SELECT * FROM ECS _ category ';$ qry=MySQL _ query($ link,$ SQL);$ total=MySQL _ num _ rows($ qry);$ per=10$page=pageDivide($total,$ per);$sql='SELECT cat_id,cat_name FROM类别限制$ sqlfirst,$ show nu ';$ result=MySQL _ query($ link,$ SQL);//$ goods=MySQL _ fetch _ all($ result,MYSQLI _ ASSOC);//MySQL _ free _ result($ result);echo eof style type=' text/CSS '表格{ width :500 pxmargin : auto order : 1px纯黑;边框塌陷:文本对齐:居中;} td{border: 1px纯黑;}/样式表trtd序号/tdtd商品编号/tdtd商品类型TD/treof;$ num=($ page-1)* $ per;//foreach($ goods as $ k=$ v){ while($ goods=MySQL _ fetch _ assoc($ result)){ echo ' tr ';回声td ' .$num ./TD ';echo ' TD $商品[cat _ id/TD];echo ' TD $商品[cat _ name/TD];echo '/tr ';} echo ' trtd col span=' 3 ' $ page con/TD/tr ';echo '/table ';这里写图片描述

页面是不刷新跳转的,网址不会变,可以看到网站的数据交互

这里写图片描述

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+