zoukankan      html  css  js  c++  java
  • ASP-AJAX-分页格式

    HTML:

     1 <html>
     2 <head>
     3 <title>Mazey</title>
     4 <meta name="description" content="" />
     5 <meta name="keywords" content="" />
     6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
     7 <!-- Mazey's CSS -->
     8 <link type="text/css" href="http://www.mazey.cn/css/mazey-base.css" rel="stylesheet" />
     9 <link type="text/css" href="css/records-main.css" rel="stylesheet" />
    10 <!-- Mazey's jQuery -->
    11 <script language="javascript" type="text/javascript" src="http://www.mazey.cn/js/plugin/jquery/jquery-2.1.1.min.js"></script>
    12 <!-- Mazey's Bootstrap -->
    13 <link type="text/css" href="http://www.mazey.cn/config/frame/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    14 <script language="javascript" type="text/javascript" src="http://www.mazey.cn/config/frame/bootstrap/js/bootstrap.min.js"></script>
    15 <!-- Mazey's Layer -->
    16 <script language="javascript" type="text/javascript" src="http://www.mazey.cn/js/plugin/layer/layer.js"></script>
    17 <script language="javascript" type="text/javascript" src="http://www.mazey.cn/js/plugin/layer/mazey-layer.js"></script>
    18 <!-- Records-System's Favicon -->
    19 <link rel="shortcut icon" type="image/x-icon" href="images/favicon/favicon.ico">
    20 </head>
    21 <body>
    22 <!--header-->
    23 <div class="header">
    24 </div>
    25 <!--content-->
    26 <section class="content">
    27     <div class="table-domain container">
    28         <div class="row">
    29             <div class="col-sm-12" id="domain-content">
    30                 <table class="table table-striped table-bordered table-hover table-responsive">
    31                     <thead>
    32                         <tr>
    33                             <th>load...</th>
    34                             <th>load...</th>
    35                             <th>load...</th>
    36                         </tr>
    37                     </thead>
    38                     <tbody>
    39                         <tr>
    40                             <td>load...</td>
    41                             <td>load...</td>
    42                             <td>load...</td>
    43                         </tr>
    44                     </tbody>
    45                 </table>
    46             </div>
    47         </div>
    48     </div>
    49 </section>
    50 <!--footer-->
    51 <section class="footer">
    52 </section>
    53 </body>
    54 </html>
    55 <!-- Records-System's JS -->
    56 <script language="javascript" type="text/javascript" src="js/records-main.js"></script>

    JavaScript:

     1 function loadInfo(page){
     2     sendInfo="judge=0322&page="+page;
     3     var loadOne = layer.load(2);
     4     $.ajax({
     5         type:"post",
     6         url:"Mazey.cn",
     7         async:true,
     8         timeout:5000,
     9         dataType: "text",
    10         data:sendInfo,    
    11         success:function(data){
    12             layer.close(loadOne);
    13             myArr=data.split("-|-")
    14             if("0507"==myArr[0]){
    15                 $("#domain-content").html(myArr[1]);
    16             }else if("0215"==myArr[0]){
    17                 $("#domain-content").html(myArr[1]);
    18             }
    19         },
    20         error:function(){
    21             layer.close(loadOne);
    22             AlertMazey.alertSad("System Error!");
    23         }    
    24     });
    25 }
    26 $(document).ready(function(){
    27     loadInfo(1);
    28     $('#view').on('click', function(){ 
    29         loadInfo(413);
    30     }); 
    31 });

    ASP:

     1 <%
     2 dim judge:judge=trim(request.form("judge"))
     3 dim page:page=trim(request.form("page"))
     4 if page="" then page=1
     5 select case judge
     6     case "0322"
     7         connRc.open
     8         sqlFirst=""
     9         session("sqlSearch")=sqlFirst
    10         rsMz1.open session("sqlSearch"),connRc,1,1
    11         countYes=true
    12         if rsMz1.eof then
    13             Response.write "0215-|-"
    14 %>
    15 <table class="table table-striped table-bordered table-hover table-responsive">
    16     <thead>
    17         <tr>
    18             <th>暂无数据</th>
    19         </tr>
    20     </thead>
    21 </table>
    22 <%
    23             Response.end
    24         else
    25             rsMz1.PageSize = 10
    26             rsPageCount = rsMz1.PageCount
    27             flag = page - rsPageCount
    28             If Page < 1 or flag >0 then Page = 1
    29             rsMz1.AbsolutePage = Page
    30             recordcount = rsMz1.recordcount
    31         end if
    32         response.write "0507-|-"
    33 %>
    34 <table class="table table-striped table-bordered table-hover table-responsive">
    35     <thead>
    36         <tr>
    37             <th>主题</th>
    38         </tr>
    39     </thead>
    40     <tbody>
    41 <%
    42         i=1
    43         do while not rsMz1.eof and i<11
    44 
    45 %>
    46         <tr>
    47             <td>内容</td>
    48         </tr>
    49 <%
    50         i=i+1
    51         rsMz1.movenext
    52         loop  
    53 %>
    54         <tr>
    55             <td colspan="7">
    56                 <a class="btn btn-default disabled page-total">共<%=recordcount%>条记录</a>
    57                 <a class="btn btn-default" id="page-begin" onclick="loadInfo(1);">首页</a>
    58                 <a class="btn btn-default" id="page-previous" onclick="loadInfo(<%=page-1%>);">上一页</a>
    59                 <a class="btn btn-default"><%=page&"/"&rsPageCount%></a>
    60                 <a class="btn btn-default" id="page-next" onclick="loadInfo(<%=page+1%>);">下一页</a>
    61                 <a class="btn btn-default" id="page-end" onclick="loadInfo(<%=rsPageCount%>);">末页</a>
    62             </td>
    63         </tr>
    64     </tbody>
    65 </table>
    66 <%
    67         rsMz1.close        
    68         connRc.close
    69     case else
    70         rspend "0215-|-This is an unknown error!"
    71 end select
    72 %>
  • 相关阅读:
    HanLP《自然语言处理入门》笔记--5.感知机模型与序列标注
    Netty系列-netty的Future 和 Promise
    Netty系列-netty的初体验
    CentOS7 源码编译安装Nginx
    linux 源码编译安装MySQL
    Linux CentOS7
    Linux CentOS7 搭建ntp时间同步服务器
    CentOS7-7搭建ftp服务器
    CentOS7-7 搭建dhcp服务器
    python批量扫描脚本
  • 原文地址:https://www.cnblogs.com/mazey/p/6582833.html
Copyright © 2011-2022 走看看