paip.js翻页分页pageing组件.txt

paip.js翻页分页pageing组件.txt

作者Attilax ， 1466519819@qq.com
使用JS翻页的效果是更通用..可谓是一次编写,到处运行..
不管.NET,PHP,JSP均可以使用.


思路是:取到QUERY参数串,去掉PAGE参数,计算上一下一页数,然后模板替换.输出到HTML...




1.调用
--------------------
 <script type="text/javascript" src="urlpara.js"></script>
<script type="text/javascript" src="page.js"></script>


<script type="text/javascript">
var outstr=pageHtml();
document.write(outstr);




</script>




2.生成翻页HTML
-----------------------


function pageHtml()
{
var mobe='<a href="@pre">前一页</a>   <a href="@next">下一页</a>';
var Request = new Object();
Request = GetRequest();
var curpageC3o=(Request['page']);
var nextpageC3o=curpageC3o-0+1;
var prepageC3o=curpageC3o-0-1;
if(prepageC3o<1)
prepageC3o=1;


var url= window.location.href;
var urlpre=url.split("?")[0];
//document.write("<br>\r\n");
//document.write("url str:");
var page;
delPrpos(Request,"page");
var str=geturlParamsStr(Request);
var prestr=urlpre+"?"+str+"&page="+prepageC3o;


var nextstr=urlpre+"?"+str+"&page="+nextpageC3o;
var outstr=mobe.replace("@pre",prestr);
outstr=outstr.replace("@next",nextstr);
return outstr;
}




3.后端方法
---------------------
function delPrpos ( obj,propName ) { 
  // 用来保存所有的属性名称和值 
// obj.propName= undefined;
//  delete  obj.propName;
  
  // 用来保存所有的属性名称和值 
  var props = "" ; 
  // 开始遍历 
  for ( var p in obj )  // 方法 
  { // p 为属性名称，obj[p]为对应属性的值 
  // props += p + "=" + obj [ p ] + "&" ; 
   if(p==propName)
{
// obj.propName= undefined;
   eval(" delete  obj."+propName);
}
  } 
  
}


function geturlParamsStr ( obj ) { 
 // 用来保存所有的属性名称和值 
  var props = "" ; 
  // 开始遍历 
  for ( var p in obj ){ // 方法 
  if ( typeof ( obj [ p ]) == " function " ){ obj [ p ]() ; 
  } else { // p 为属性名称，obj[p]为对应属性的值 
  props += p + "=" + obj [ p ] + "&" ; 
  } } // 最后显示所有的属性 
  return ( props+"c325=a") ;
}