js html分页(无刷新)超方便

<html>
 <head>
  <title>js</title>
<script>
var arrData = [["2005-11-14 00:40:07","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:39:06","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:38:43","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:37:29","admin","应用代理","查询ftp代理状态","成功","hehe"],["2005-11-14 00:37:29","admin","应用代理","查询ftp代理配置","成功","hehe"],["2005-11-14 00:37:17","admin","应用代理","查询ftp代理状态","成功","hehe"],["2005-11-14 00:37:17","admin","应用代理","查询ftp代理配置","成功","hehe"],["2005-11-14 00:36:59","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-14 00:36:59","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-14 00:36:22","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:36:08","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:34:23","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:33:21","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:32:17","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:28:32","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-14 00:28:16","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:24:25","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:08:47","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:08:11","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:59","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:47","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:11","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 17:30:32","admin","实时监控","连接查询","成功","hehe"],["2005-11-12 17:30:08","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 15:57:18","admin","内容过滤模板","修改内容过滤模板","成功","hehe"],["2005-11-12 15:50:47","admin","内容过滤模板","修改内容过滤模板","成功","hehe"],["2005-11-12 15:49:54","admin","内容过滤模板","添加内容过滤模板","成功","hehe"],["2005-11-12 15:48:32","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 14:06:23","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-12 13:45:40","admin","日志管理","查询日志","成功","hehe"],["2005-11-12 13:45:24","admin","日志管理","查询日志","成功","hehe"],["2005-11-12 13:43:42","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-12 13:43:42","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-12 13:43:22","admin","系统认证","管理员登录","成功","hehe"],["2005-11-11 19:54:16","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:53:46","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:52:01","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:52:01","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:51:51","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:50","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:49","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:28","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:51:28","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:51:26","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:18","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:51:18","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:48:39","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:48:39","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:48:01","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:48:01","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:45:06","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:45:06","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:57","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:56","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:45","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-11 19:44:23","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:23","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:19","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:19","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:10","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:10","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:43:09","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:43:09","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:41:13","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:41:13","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:41:03","admin","系统认证","管理员登录","成功","hehe"]];
</script>
<script>
 var iPageSize = 10;
 var iPageIndex = 0;
arrData.length;
 var iDataCount = arrData.length;
 var iPageCount;
 var iPageFlag = 0;
 if(iDataCount % iPageSize == 0)
 {
  iPageCount = Math.floor(iDataCount / iPageSize);
 }
 else
 {
  iPageCount = Math.floor(iDataCount / iPageSize) + 1;
 }
 
 var iColumn = 6;
 var iCurDataIndex;
 function dis(_iIndex)
 {   
  if(_iIndex <= 0)
  {
   iPageIndex = 1;
   iPageFlag = 1;
  }
  else if(_iIndex < iPageCount)
  {
   iPageIndex = _iIndex;
   iPageFlag = 2;
  }
  else
  {
   iPageIndex = iPageCount;
   iPageFlag = 3;
  }
  if(iPageCount == 0 || iDataCount <= iPageSize)
  {
   iPageFlag = 0;
  }
  //alert(iPageCount);
  disNav();
  disData();
 }
 function first()
 {
  dis(0);
 }
 function prev()
 {
  dis(-- iPageIndex);
 }
 function next()
 {
  dis(++ iPageIndex);
 }
 function last()
 {
  dis(iPageCount);
 }
 function gotoPage()
 {
  //ifdocument.getElementById("divNav").innerHTML = strNav;
  var _iInputPage = document.getElementById("txtPage").value; 
  
  var _bText = false;
  var pattern = /^[-/+]?/d+$/;
  _bText = pattern.test(_iInputPage.toString());
  if(_bText == true)
  {
   _iInputPage = Math.abs(_iInputPage);
   if(_iInputPage > iPageCount)
   {
    _bText = false;
   }
  }
  if(_bText == false)
  {
   alert("输入错误");
   document.getElementById("txtPage").focus();    
  }
  else
  {
   dis(_iInputPage);
  }
 }
 function disNav()
 {
  var strNav = "<table width='100%' border=0 cellpadding=3 cellspacing=0><tr><td>当前为" + iPageIndex + "/" + iPageCount + "页&nbsp;每页显示" + iPageSize + "/" + iDataCount + "&nbsp;";
  
  switch(iPageFlag)
  {
   case 0:
    strNav += "首页&nbsp;&nbsp;上一页&nbsp;&nbsp;下一页&nbsp;&nbsp;末页"
    break;
   case 1:
    strNav += "首页&nbsp;&nbsp;上一页&nbsp;&nbsp;<a href = /"javascript:next()/">下一页</a>&nbsp;&nbsp;<a href = /"javascript:last()/">末页</a>"
    break;
   case 2:
    strNav += "<a href = /"javascript:first()/">首页</a>&nbsp;&nbsp;<a href = /"javascript:prev()/">上一页</a>&nbsp;&nbsp;<a href = /"javascript:next()/">下一页</a>&nbsp;&nbsp;<a href = /"javascript:last()/">末页</a>"
    break;
   case 3:
    strNav += "<a href = /"javascript:first()/">首页</a>&nbsp;&nbsp;<a href = /"javascript:prev()/">上一页</a>&nbsp;&nbsp;下一页&nbsp;&nbsp;末页"
    break;            
  }
  strNav += "&nbsp;&nbsp;<input type='text' size=4 maxlength=4 name=txtPage id=txtPage>&nbsp;<input type='button' value='转到' οnclick='javascript:gotoPage()'></td></tr></table>";
  //alert(strNav);
  document.getElementById("divNav").innerHTML = strNav;    
 }
 
 function disData()
 {
  var strData = "<table border=0 cellpadding=3 cellspacing=0 width=100%>";
  var iPageDataIndex;
  iPageDataIndex = (iPageIndex - 1) * iPageSize;
  if (iPageDataIndex < 0)
  {
   iPageDataIndex = 0;
  }
  
  iCurDataIndex = iDataCount - iPageDataIndex;
  
  var iReFlag = iPageSize;
  
  if(iCurDataIndex < iPageSize)
  {
   iReFlag = iCurDataIndex;
  } 
  for(i = iPageDataIndex;i < iPageDataIndex + iReFlag;i ++)
  {
   strData += "<tr>";
   
   for(j = 0;j < iColumn; j ++)
   {
    strData += "<td>" + arrData[i][j] + "</td>";
   }
   
   strData += "</tr>";    
  }    
  strData += "</table>";
  document.getElementById("txtPage").value = iPageIndex;
  document.getElementById("divData").innerHTML = strData;     
 }
 </script>
 </head>
 <body>
  <div id="divData"></div>
  <div id="divNav"></div>
  <script>
   dis(0);
  </script> 
 </body>
</html>

 

 

 

-----------------------------------------------------------------------------------------------------------------------------------------

下面是C#的做法

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<script>
//var arrData = [["2005-11-14 00:40:07","admin","日志管理","查询日志","成功","hehe"]]
  var arrData=[<%=textdate%><%=textint%>];
</script>
<script>
 var iPageSize = 10;
 var iPageIndex = 0;
arrData.length;
 var iDataCount = arrData.length;
 var iPageCount;
 var iPageFlag = 0;
 if(iDataCount % iPageSize == 0)
 {
  iPageCount = Math.floor(iDataCount / iPageSize);
 }
 else
 {
  iPageCount = Math.floor(iDataCount / iPageSize) + 1;
 }
 
 var iColumn = 6;
 var iCurDataIndex;
 function dis(_iIndex)
 {   
  if(_iIndex <= 0)
  {
   iPageIndex = 1;
   iPageFlag = 1;
  }
  else if(_iIndex < iPageCount)
  {
   iPageIndex = _iIndex;
   iPageFlag = 2;
  }
  else
  {
   iPageIndex = iPageCount;
   iPageFlag = 3;
  }
  if(iPageCount == 0 || iDataCount <= iPageSize)
  {
   iPageFlag = 0;
  }
  //alert(iPageCount);
  disNav();
  disData();
 }
 function first()
 {
  dis(0);
 }
 function prev()
 {
  dis(-- iPageIndex);
 }
 function next()
 {
  dis(++ iPageIndex);
 }
 function last()
 {
  dis(iPageCount);
 }
 function gotoPage()
 {
  //ifdocument.getElementById("divNav").innerHTML = strNav;
  var _iInputPage = document.getElementById("txtPage").value; 
  
  var _bText = false;
  var pattern = /^[-/+]?/d+$/;
  _bText = pattern.test(_iInputPage.toString());
  if(_bText == true)
  {
   _iInputPage = Math.abs(_iInputPage);
   if(_iInputPage > iPageCount)
   {
    _bText = false;
   }
  }
  if(_bText == false)
  {
   alert("输入错误");
   document.getElementById("txtPage").focus();    
  }
  else
  {
   dis(_iInputPage);
  }
 }
 function disNav()
 {
  var strNav = "<table width='100%' border=0 cellpadding=3 cellspacing=0><tr><td>当前为" + iPageIndex + "/" + iPageCount + "页&nbsp;每页显示" + iPageSize + "/" + iDataCount + "&nbsp;";
  
  switch(iPageFlag)
  {
   case 0:
    strNav += "首页&nbsp;&nbsp;上一页&nbsp;&nbsp;下一页&nbsp;&nbsp;末页"
    break;
   case 1:
    strNav += "首页&nbsp;&nbsp;上一页&nbsp;&nbsp;<a href = /"javascript:next()/">下一页</a>&nbsp;&nbsp;<a href = /"javascript:last()/">末页</a>"
    break;
   case 2:
    strNav += "<a href = /"javascript:first()/">首页</a>&nbsp;&nbsp;<a href = /"javascript:prev()/">上一页</a>&nbsp;&nbsp;<a href = /"javascript:next()/">下一页</a>&nbsp;&nbsp;<a href = /"javascript:last()/">末页</a>"
    break;
   case 3:
    strNav += "<a href = /"javascript:first()/">首页</a>&nbsp;&nbsp;<a href = /"javascript:prev()/">上一页</a>&nbsp;&nbsp;下一页&nbsp;&nbsp;末页"
    break;            
  }
  strNav += "&nbsp;&nbsp;<input type='text' size=4 maxlength=4 name=txtPage id=txtPage>&nbsp;<input type='button' value='转到' οnclick='javascript:gotoPage()'></td></tr></table>";
  //alert(strNav);
  document.getElementById("divNav").innerHTML = strNav;    
 }
 
 function disData()
 {
  var strData = "<table border=0 cellpadding=3 cellspacing=0 width=100%>";
  var iPageDataIndex;
  iPageDataIndex = (iPageIndex - 1) * iPageSize;
  if (iPageDataIndex < 0)
  {
   iPageDataIndex = 0;
  }
  
  iCurDataIndex = iDataCount - iPageDataIndex;
  
  var iReFlag = iPageSize;
  
  if(iCurDataIndex < iPageSize)
  {
   iReFlag = iCurDataIndex;
  } 
  for(i = iPageDataIndex;i < iPageDataIndex + iReFlag;i ++)
  {
   strData += "<tr>";
   
   for(j = 0;j < iColumn; j ++)
   {
    strData += "<td>" + arrData[i][j] + "</td>";
   }
   
   strData += "</tr>";    
  }    
  strData += "</table>";
  document.getElementById("txtPage").value = iPageIndex;
  document.getElementById("divData").innerHTML = strData;     
 }
</script>
<body>
    <form id="form1" runat="server">
    <div>
      <div id="divData"></div>
  <div id="divNav"></div>
  <script>
   dis(0);
  </script>
    </div>
    </form>
</body>
</html>

 

cs 页

 

public void PageHtml()
    {
        int times = 10;
        //textdate = "var arrData=/"/"";
        for (int i = 1; i < times; i++)
        {
            textdate += "[/"" + i + "/"],";
        }
        textint = "[/"" + times + "/",/"" + times + "/"]";
        //textint = "[/"" + times + "/",/"" + times + "/"]";两个重叠
    }

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值