asp左手和右手的结合-----伪分页的实现

VB和JS是asp的左手和右手。

双手缺一不可

 

 

这是我看了用JS调用VB实分页后的突发奇想

应为它并不象分页那样每换一次页都需要读取一次数据

数据在页面载入是已经读取完毕

所以我称它为伪分页

 

 

先上代码：

  <div class="te_jia_ji_piao"> <div class="title_1"> <span class="more"><a href="#" mce_href="#">更多>></a></span><span>特价机票</span> </div> <% Dim rs_1,totalCount,totalPage,MaxPerPage,currentPage Call Opendb currentPage=1 sql="select * from ji_piao where istj=True ORDER BY id DESC" set rs_1=server.CreateObject("ADODB.recordset") rs_1.open sql,conn,1,1 if rs_1.eof and rs_1.bof then Response.Write "没有数据" Else rs_1.pagesize=11 rs_1.absolutepage=currentPage totalCount=rs_1.recordcount '记录总数 totalPage=rs_1.pagecount MaxPerPage=rs_1.pagesize End if For j=1 to rs_1.pagecount'循环TAB框。总数为分页后的总页数 %> <div class="air" style="display:none" mce_style="display:none"> <% For i=1 to rs_1.pagesize if rs_1.eof then exit for end if %> <div class="ji_piao"> <span style="color:#000; width:90px;font-weight:normal;"><%=rs_1("data")%></span> <span style="width:120px;"><%=rs_1("leave")%>—<%=rs_1("arrival")%></span> <span>￥<%=rs_1("price")%></span> <span><%=rs_1("discount")%></span> <a href="tickets.asp?id=<%=rs_1(" mce_href="tickets.asp?id=&lt;%=rs_1("id")%>" >订票</a> </div> <% rs_1.movenext Next %> </div> <% Next rs_1.close set rs_1=nothing Close conn %> <div style="font-size:12px; float:right; margin-right:20px;" mce_style="font-size:12px; float:right; margin-right:20px;"> <% For i=1 to totalPage'分页页脚生成"[1],[2],[3]....." %> <a class="airfoot" href="javascript:void(0)" mce_href="javascript:void(0)" onclick="air(<%=i%>);" style="display:inline-block">[<%=i%>]</a> <% Next %> </div> </div> <mce:script type="text/javascript"><!-- $('.air:first').css('display','block'); $('.airfoot:first').css('color','#F00'); // --></mce:script> //基于JQuary框架TAB框选择 function air(aa){ $(".air").each(function(i){ if (i==(aa-1)) $(this).css('display','block') else $(this).css('display','none') }); $(".airfoot").each(function(i){ if (i==(aa-1)) $(this).css('color','#F00') else $(this).css('color','#000') }); }

 

之所以叫伪分页

其实所有数据在页面被载入的时候就已经全部读取完毕

把每一个分页的页面生成一个TAB框

在TAB框里显示各个分页的信息

说白了就是一个动态生成TAB框的过程

 

至于TBA框的选择则是用JQuary实现

 

 

以上方法不是用于大量信息的显示

 

上图：

1：

 

 

 

2：

 

 

第一个写博客。不大好请见谅

有什么问题请加我QQ815762641~