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") ;
}
作者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") ;
}