AJax技术

PHP+Ajax实现分页技术(2)

字号+ 作者:H5之家 来源:H5之家 2015-10-15 09:16 我要评论( )

aj.get = function(targetUrl, resultHandle) { aj.targetUrl = targetUrl; aj.XMLHttpRequest.onreadystatechange = aj.processHandle; aj.resultHandle = resultHandle; if(window.XMLHttpRequest) { aj.XMLHttpR

aj.get = function(targetUrl, resultHandle) {
aj.targetUrl = targetUrl;
aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
aj.resultHandle = resultHandle;
if(window.XMLHttpRequest) {
aj.XMLHttpRequest.open('GET', aj.targetUrl);
aj.XMLHttpRequest.send(null);
} else {
aj.XMLHttpRequest.open("GET", targetUrl, true);
aj.XMLHttpRequest.send();
}
}

aj.post = function(targetUrl, sendString, resultHandle) {
aj.targetUrl = targetUrl;
aj.sendString = sendString;
aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
aj.resultHandle = resultHandle;
aj.XMLHttpRequest.open('POST', targetUrl);
aj.XMLHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
aj.XMLHttpRequest.send(aj.sendString);
}
return aj;
}

function getbyid(id) {
if (document.getElementById) {
return document.getElementById(id);
} else if (document.all) {
return document.all[id];
} else if (document.layers) {
return document.layers[id];
} else {
return null;
}
}
</script>

<?php

//注意:此处如果有filesedset的话,form表单一定要放在fieldset里面,否则出错。
echo '<form name="form1" action="" method="post">
<table cellpadding="0" cellspacing="1">
<tr>
<th class="criteria">SN</th>
<td>
<input type="text" name="sn_id_1" value="'._POST['sn_id_1'].'" size="16" maxlength="8"/> to
<input type="text" name="sn_id_2" value="'._POST['sn_id_2'].'" size="16" maxlength="8"/>
<input type="button" name="sn_submit" value="Search" onClick="showcomment(1)"/>
</td>
</tr>
</table>
</form>
<div id="show"></div>';

?>


2.sn_show.php:

<?php
//page function
function showpage(total){
global page,pagenav,middle,num,pagenum,offset,prepg,nextpg;
//获取page=18中的page的值,假如不存在page,那么页数就是1。
page=isset(_REQUEST['page'])?intval(_REQUEST['page']):1;
//每层分页条显示4个分页连接
middle = '4';
//每页显示10条数据
num=10;
//获得总页数,也是最后一页
pagenum=ceil(total/num);
//获得首页
page=min(pagenum,page);
//上一页
prepg=page-1;
//下一页
nextpg=(page==pagenum ? 0 : page+1);
offset=(page-1)*num;

if(pagenum<=1) return false;

if(prepg){
pagenav.=' <a href="javascript:;" onclick="javascript:showcomment(1);">'.iconv('gb2312','gb2312','首页').'</a> ';
pagenav.=' <a href="javascript:;" onclick="javascript:showcomment('.prepg.');">'.iconv('gb2312','gb2312','上一页').'</a> ';
}else{
pagenav.="<font color='gray'>".iconv('gb2312','gb2312','首页')."</font>"."&nbsp";
pagenav.="<font color='gray'>".iconv('gb2312','gb2312','上一页')."</font>";
}

if(nextpg){
pagenav.=' <a href="javascript:;" onclick="javascript:showcomment('.nextpg.');">'.iconv('gb2312','gb2312','下一页').'</a> ';
pagenav.=' <a href="javascript:;" onclick="javascript:showcomment('.pagenum.');">'.iconv('gb2312','gb2312','尾页').'</a> ';
}else{
pagenav.="<font color='gray'>".iconv('gb2312','gb2312','下一页')."</font>"."&nbsp";
pagenav.="<font color='gray'>".iconv('gb2312','gb2312','尾页')."</font>"."&nbsp";
}

pagenav.='</select>'.iconv('gb2312','gb2312','共 ') . pagenum .'&nbsp'.iconv('gb2312','gb2312','页');
for(h=(page-middle<1?1:page-middle);h<=(page+middle>pagenum?pagenum:page+middle);h++){
if(h==page){
pagenav.="<b> h </b>";
}else{
pagenav.="&nbsp;&nbsp;<a href=\"javascript:showcomment(".h.");\">".iconv('gb2312','gb2312',h)."</a>&nbsp;&nbsp;";
}
}

pagenav.="&nbsp;&nbsp;&nbsp;&nbsp;";
pagenav.=iconv('gb2312','gb2312','转到 ');

pagenav.="<select size='1' onchange=\"showcomment(this.value);\">";
for (i = 1; i <= pagenum;i++){
if(page == i){
pagenav.= "<option value='".i."' selected>".i."</option>";
}else{
pagenav.= "<option value='".i."' >".i."</option>";
}
}
pagenav.="</select>";
pagenav.="页";
return pagenav;
}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery实现Ajax加载图片的方法

    JQuery实现Ajax加载图片的方法

    2016-02-24 17:01

  • Ajax技术分类与实现教程及代码

    Ajax技术分类与实现教程及代码

    2016-01-18 14:17

  • ajax与php结合实现用户登录(详解)

    ajax与php结合实现用户登录(详解)

    2016-01-18 08:25

  • ASP NET 与 Ajax 的实现方式

    ASP NET 与 Ajax 的实现方式

    2016-01-17 19:01

网友点评
(