php ajax无刷新分页,支持id定位

2016-02-19 11:28 7 1 收藏

今天图老师小编要跟大家分享php ajax无刷新分页,支持id定位,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

?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 )

"tda 
href="javascript:$AjaxAction('$Url=0','$ViewId')""首页/a/tdntda 
href="javascript:$AjaxAction('".$Url."=".($CurrentPage-1)."','$ViewId')""上一页/a/tdn"

"td首页/tdntd上一页/tdn";
for ( $i = 
$CurrentPage - $HalfPer,$i  0 || $i = 0 ,     $j = 
$CurrentPage + $HalfPer, $j  $totalPage || $j = $totalPage;$i  $j ;$i++ 
)
{
  $re .= $i == $CurrentPage
  ? 
"tdb class=currentPage[" . ( $i + 1 ) . 
"]/b/tdn"
  : "tda 
href="javascript:$AjaxAction('$Url=$i','$ViewId')"" . ( $i + 1 ) . 
"/a/tdn";
}
$re .= ( $CurrentPage  $total 
)
? "tda 
href="javascript:$AjaxAction('".$Url."=".($CurrentPage+1)."','$ViewId')""下一页/a/tdntda 
href="javascript:$AjaxAction('".$Url."=".($total)."','$ViewId')""尾页/an/td"

"td下一页/tdntd尾页/tdn";
$re="table 
style=text-align:centertr$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';

send_request('ajax.php?do=ajax&sort='+id,inputarray[id]);

}

/script

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1597648.html

延伸阅读
标签: Web开发
先把要用到的文件依次进入进来: 代码如下: script src="common/jquery.js" type="text/javascript"/script script src="common/jquery.pagination.js" type="text/javascript"/script link href="common/tablesorter.css" rel="stylesheet" type="text/css" / link href="common/pagination.css" rel="stylesheet" type="text/css" / ...
标签: Web开发
控件类代码: 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO; [assembly: WebResource("PageBarJS.js", "application/x...
标签: PHP
很多时候,我们在网上注册个人信息,在提交完页面后,总得等待页面刷新来告诉我们注册是否成功,遇到网络差的时候,如果注册了一大串的东西,在经过漫长的等待页面刷新后,得到的确是“您的用户名已被使用”或XXXXXXX不合法,我想大家的心情一定特别不爽,今天就介绍个AJAX实现页面不刷新注册+实时检测用户信息的简单注册程序,希望对大家有所...
标签: Web开发
找遍资料得出结果:不能 不过同时也找到了解决办法,就是用iframe的方式来提交表单,即实现无刷新提交表单又可以上传文件! 一、HTML代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta ...
标签: Web开发
第一段是我们的XML数据源,也就是要绑定的数据,METADATA结点相当于表名, AUTHOR、GENERATOR、PAGETYPE、ABSTRACT相当于列名,下面的Table是用来显示数据的容器。<TABLE dataSrc="#xmlData" border=1>是指定Table的数据源,<span dataFld="AUTHOR">loading...</span>绑定字段名。 --------------------------------------------------...

经验教程

727

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部