-
php ajax无刷新分页 支持id定位的代码分享
- <?php
- Header("Content-Type:text/html; charset=utf-8");
- function AjaxPage($Total,$ListNub,$CurrentPage,$Url,$AjaxAction,$HalfPer='',$ViewId='')
- {
- //计算总页数
- $totalPage = @ceil($Total/$ListNub);
- $total=$totalPage-1;
- $re="";
- //echo $CurrentPage;
- $re .= ( $CurrentPage > 0 )
- ?
- "<td><a
- href="javascript:$AjaxAction('$Url=0','$ViewId')"">首页</a></td>n<td><a
- href="javascript:$AjaxAction('".$Url."=".($CurrentPage-1)."','$ViewId')"">上一页</a></td>n"
- :
- "<td>首页</td>n<td>上一页</td>n";
- for ( $i =
- $CurrentPage - $HalfPer,$i > 0 || $i = 0 , $j =
- $CurrentPage + $HalfPer, $j < $totalPage || $j = $totalPage;$i < $j ;$i++
- )
- {
- $re .= $i == $CurrentPage
- ?
- "<td><b class=currentPage>[" . ( $i + 1 ) .
- "]</b></td>n"
- : "<td><a
- href="javascript:$AjaxAction('$Url=$i','$ViewId')">" . ( $i + 1 ) .
- "</a></td>n";
- }
- $re .= ( $CurrentPage < $total
- )
- ? "<td><a
- href="javascript:$AjaxAction('".$Url."=".($CurrentPage+1)."','$ViewId')"">下一页</a></td>n<td><a
- href="javascript:$AjaxAction('".$Url."=".($total)."','$ViewId')"">尾页</a>n</td>"
- :
- "<td>下一页</td>n<td>尾页</td>n";
- $re="<table
- style=text-align:center><tr>$re</tr></table>";
- return
- $re;
- }
- //总页数,传递的页面变量-当前页 url地址 前后各多少页
- $page = $_GET['page'];
- //echo
- page('10',$page,'index.php?page','2');
- ?>
- <div id="nike">
- <?php
- echo
- AjaxPage(200,20,$page,'rand.php?page','ajaxaction','2','nike');
- ?>
- </div>
- <script type="text/javascript" language="javascript">
- var
- http_request = false;
- function send_request(url,htmlid) {
- http_request =
- false;
- if (window.XMLHttpRequest) {
- http_request = new
- XMLHttpRequest();
- if (http_request.overrideMimeType)
- {
- http_request.overrideMimeType('text/xml');
- }
- }
- else if (window.ActiveXObject) {
- try
- {
- http_request = new
- ActiveXObject("Msxml2.XMLHTTP");
- } catch (e)
- {
- try {
- http_request = new
- ActiveXObject("Microsoft.XMLHTTP");
- } catch (e)
- {}
- }
- }
- if (!http_request)
- {
- alert('不能创建 XMLHttpRequest 对象!');
- return
- false;
- }
- http_request.onreadystatechange = function
- (){likeakak(htmlid);}//processRequest(htmlid)
- http_request.open('GET',
- url, true);
- http_request.send(null);
- }
- //处理返回信息
- function processRequest(htmlid) {
- if
- (http_request.readyState == 1)
- {
- document.getElementById(htmlid).innerHTML="下载中...";
- }
- if
- (http_request.readyState == 4) {
- if (http_request.status == 200)
- {
- document.getElementById(htmlid).innerHTML=http_request.responseText;
- }
- else
- {
- alert('请求异常');
- }
- }
- }
- //处理返回信息
- function
- likeakak(htmlid)
- {
- if (http_request.readyState == 1)
- {
- document.getElementById(htmlid).innerHTML="下载中...";
- }
- if
- (http_request.readyState == 4) {
- if (http_request.status == 200)
- {
- document.getElementById(htmlid).innerHTML=http_request.responseText;
- }
- else
- {
- alert('请求异常');
- }
- }
- }
- function
- ajaxaction(url,viewid)
- {
- send_request(url,viewid);
- }
- //自定义调用函数
- function elist(id)
- {
- var inputarray = new
- Array();
- inputarray[1] = 'aaa';
- inputarray[2] =
- 'bbb';
- inputarray[3] = 'ccc';
- inputarray[4] =
- 'ddd';
- inputarray[5] = 'eee';
- //phpfensi.com
- send_request('ajax.php?do=ajax&sort='+id,inputarray[id]);
- }
- </script>
出处:http://www.phpfensi.com/php/20181107/11505.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式