自动更新页面上的数据

最新推荐文章于 2022-05-18 13:20:19 发布
最新推荐文章于 2022-05-18 13:20:19 发布
阅读量873 收藏
点赞数
分类专栏： javascript技术 文章标签： class border javascript null input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lincnl/article/details/1767194
版权

<%@ Page language="c#" Codebehind="Report.aspx.cs" AutoEventWireup="false" Inherits="Web.Report" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>报表一</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <LINK href="css/style.css" type="text/css" rel="stylesheet">
  <script language="javascript" src="scripts/ctx/Ref.js"></script>
  <script language="javascript" src="scripts/pubs/objextend.js"></script>
  <script language="javascript" src="scripts/pubs/Public.js"></script>
  <script language="javascript" id="ToolBarEvents">
  <!--
  var responseFrame = null;
  var needInput = true;
  var refreshTimer = null;
  // 页面加载时，将内连框架名强化到线程
  function bodyLoad()
  {
   App.WorkSpace.open('TempSample/TempPic1.htm','tr1',null,null);
   App.WorkSpace.open('TempSample/TempPic2.htm','tr2',null,null);
   App.WorkSpace.open('TempSample/TempPic3.htm','tr3',null,null);

   // 定时更新数据
   window.setInterval("autoUpdate(0,40,20);",1000);

   // 对特别需要更新的信息进行特别单独处理
   window.setInterval("autoUpdate(30,10,20);",1000);
  }
  function OpenReport(sender)
  {
   //var tabId = 'Report';
   //App.WorkSpace.open('TempReport3.aspx',tabId,null,null);
   //App.WorkSpace.selectTab(tabId);
   window.location.replace('TempReport3.aspx');
  }
  var index = 0;
  function alternate()
  {
  }
  
  /*============================================================================*
   * 功能：随机选择input元素进行随机的数量自动变化
   * 参数说明：_rootNumber 传入用于计算随机数量的基础数量
   *           _stepNumber 传入用于计算随机数量的范围数量
   *     _rootUpdateNumber 传入用于更新数据的范围数量
   * 内部参数：intCode 随机数（基础数量 + 随机数量（随机函数 * 随机数范围））
   *     intUpdateNumber 随机更新数据数量（随机函数 * 更新数据的范围数量）
   *    inputElementName input元素名称（dist + 随机数）
   *============================================================================*/
  function autoUpdate(_rootNumber,_stepNumber,_rootUpdateNumber)
  {
   
   var intCode = Math.round(Math.random()*_stepNumber) + _rootNumber;
   var intUpdateNumber = Math.round(Math.random()*_rootUpdateNumber);
   var inputElementName = "dist" + intCode;

   document.getElementById(inputElementName).value = Number(document.getElementById(inputElementName).value) + intUpdateNumber;

  }
  
  //-->
  </script>
 </HEAD>
 <body scroll="yes" MS_POSITIONING="GridLayout" onLoad="bodyLoad()">
  <form name="frmMain" method="post" action="ReportForm.aspx?ReportId=21" id="frmMain">
  <div id="div_0">
   <TABLE id="ReportBody" border="0" cellSpacing="0" cellPadding="0" width="100%">
    <TR>
     <TD align="center" valign="middle" class="rpt_title" nowrap colspan="5">报表</TD>
    </TR>
    <!--
    <TR>
     <TD align="left" valign="bottom" class="rpt_header" nowrap colspan="3">区域范围：</TD>
     <TD align="right" valign="bottom" class="rpt_header" nowrap colspan="2">性别：</TD>
    </TR>
    -->
    <TR>
     <TD align="center" class="rpt_content" colspan="5">
      <table cellpadding="0" cellspacing="0" border="0" width="100%" class="rpt_table">
       <tr>
        <td width="8%" rowspan="2" align="center" class="rpt_caption">名称</td>
        <td width="9%" rowspan="2" align="center" class="rpt_caption">人数</td>
        <td colspan="2" align="center" class="rpt_caption">字段</td>
        <td colspan="2" align="center" class="rpt_caption">字段</td>
        <td colspan="2" align="center" class="rpt_caption">字段</td>
        <td colspan="2" align="center" class="rpt_caption">字段</td>
       </tr>
       <tr>
         <td width="9%" align="center" class="rpt_caption">字段</td>
            <td width="9%" align="center" class="rpt_caption">字段</td>
            <td width="11%" align="center" class="rpt_caption">字段</td>
            <td width="10%" align="center" class="rpt_caption">字段</td>
            <td width="12%" align="center" class="rpt_caption">字段</td>
            <td width="11%" align="center" class="rpt_caption">字段</td>
            <td width="11%" align="center" class="rpt_caption">字段</td>
            <td width="10%" align="center" class="rpt_caption">字段</td>
           </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell" style="HEIGHT: 22px"><a href="#" class="rpt_link">行</a></TD>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist1" value="385" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist2" value="240" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist3" value="100" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist4" value="20" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist5" value="8" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px"><input id="dist6" value="10" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px">7</td>
        <td align="center" class="rpt_cell" style="HEIGHT: 22px">4</td>
           <td align="center" class="rpt_cell" style="HEIGHT: 22px">12</td>
       </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell"><a href="#" class="rpt_link">行</a></TD>
        <td align="center" class="rpt_cell"><input id="dist7" value="331" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist8" value="210" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist9" value="120" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist10" value="40" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">12</td>
        <td align="center" class="rpt_cell"><input id="dist11" value="42" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">6</td>
        <td align="center" class="rpt_cell"><input id="dist12" value="30" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
           <td align="center" class="rpt_cell">16</td>
       </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell"><a href="#" class="rpt_link">行</a></TD>
        <td align="center" class="rpt_cell"><input id="dist13" value="510" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist14" value="410" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist15" value="200" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist16" value="32" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">40</td>
        <td align="center" class="rpt_cell"><input id="dist17" value="30" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">20</td>
        <td align="center" class="rpt_cell"><input id="dist18" value="46" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
           <td align="center" class="rpt_cell">21</td>
       </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell"><a href="javascript:OpenReport(this);" class="rpt_link">汉阳区</a></TD>
        <td align="center" class="rpt_cell"><input id="dist19" value="450" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">415</td>
        <td align="center" class="rpt_cell"><input id="dist20" value="260" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">82</td>
        <td align="center" class="rpt_cell">47</td>
        <td align="center" class="rpt_cell"><input id="dist21" value="41" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell">40</td>
        <td align="center" class="rpt_cell">16</td>
           <td align="center" class="rpt_cell"><input id="dist22" value="44" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
       </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell"><a href="#" class="rpt_link">行</a></TD>
        <td align="center" class="rpt_cell"><input id="dist23" value="398" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist24" value="293" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist25" value="100" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist26" value="15" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist27" value="38" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist28" value="51" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist29" value="21" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist30" value="17" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
           <td align="center" class="rpt_cell">10</td>
       </tr>
       <tr>
        <TD align="left" valign="middle" nowrap class="rpt_cell"><a href="javascript:OpenReport(this);" class="rpt_link">行</a><a href="#" class="rpt_link"></a></TD>
        <td align="center" class="rpt_cell"><input id="dist31" value="1411" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist32" value="953" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist33" value="330" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist34" value="126" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist35" value="36" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist36" value="18" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist37" value="13" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
        <td align="center" class="rpt_cell"><input id="dist38" value="33" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
           <td align="center" class="rpt_cell"><input id="dist39" value="1" style="width:100%; border:0; background-color:#EBFBFB;text-align:center" readonly="true" /></td>
       </tr>
       </table>
     </TD>
    </TR>
   </TABLE>
   </div>
  </form>
 </body>
</HTML>
 

lincnl
关注
专栏目录
页面自动刷新页面数据方法
止境博客
11-23 1345
setTimeout(showTaskCount,1000); //10分钟刷新taskCount setInterval(showTaskCount,600000); //10钟刷新在线用户 setInterval(refreshOnLineUser,1000*10); function refreshOnLineUser(){ $.ajax({ url:"${dynamicURL}/im/imAction!refreshOnlinUser?"+new Date(), ..
html前台数据自动更新,网页数据如何实现实时刷新？
weixin_36245388的博客
05-31 1万+
本文仅为学技术而简单举例，后端框架是Django，具体业务逻辑是否合理可以不用管，下方是工作中需要实现的需求自动化程序脚本运行的三种任务状态：1、未执行 2、执行成功 3、执行失败任务状态在网页前端实时展示，需要每隔一段时间请求数据库中的状态数据字段为webtask_stu，并返回前端展示 两种思路：1、前端轮询，每请求一次，建立一次连接，后端返回前端数据一次具体实现：设置定时器，每隔5s请求...
网页数据的实时刷新
落叶屋
06-12 5776
方案1 随着网络的发展，利用ASP技术制作Web页面，来完成动态网站设计的方式，越来越得到广泛的应用。企业站点和其他商业站点，有时需要为用户提供查询实时变化的数据信息，而利用ASP技术完成这种功能会遇到实时数据的自动刷新问题。面对几秒钟变化一次的实时数据，HTML和ASP中VBScript、JavaScript语言仅为我们提供了页面Frame和窗口的刷新方法（即HTML的面对这种情况，我们可以
页面自动更新
03-20
使用数据库SqlServiceBroker，由数据库通知页面自动更新
html页面推送功能的实现,想实现Web页面内容自动更新？你需要了解WEB实时推送技术！...
weixin_29204749的博客
06-04 1472
随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，比如，工业运行监控、Web在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。本文对过去和现在流行的Web 实时推送技术进行了比较与总结。一、双向通信HTTP协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查...
python实现的网页数据自动录入程序
06-29
一个个的录入十分麻烦，而且容易出错，于是我使用PYTHON写了一个从EXCEL里面读出成绩，然后自动录入到网页里的小程序，原来半个小时的工作，一下子缩短到只有一分钟不到。就非常NICE。 使用方法： 1，安装openpyxl ...
怎么用vue自动更新页面数据
weixin_48047636的博客
05-18 4897
<body> <div id="app"> <div>欢迎:{{name}}</div> <!-- {{}}就是插值语法相当于模板字符串${}可以直观地把数据放在页面中 --> <p>9*9={{9*9}}</p> <p>salary:{{salary}}</p> </div> <!-- vue脚
python自动更新数据_利用python自动更新数据库(1)
weixin_39774682的博客
12-05 1772
第一节、登录网站1.1、Python的安装1.2、 Selenium的安装1.3、引用cookie启动浏览器(核心)1.4、多进程(核心)1.1、Python的安装本文采用的是python版本为：Python3.5.1 :: Anaconda 2.4.1 (64-bit)1.2、Selenium的安装第一步：利用pip库安装seleniuminstall 直接安装 selenium，如下图，即在c...
[WEB] 详解Ajax实现网页数据异步更新并实时自动刷新
...
09-04 1万+
本周在做STC大作业的时候，采集了开发板上的光照和温度数据传到了腾讯云服务器上（实现可以参考我的另外一篇文章 ： socket实现服务器和客户端双向通信），由于开发板采集的数据是时实更新的，故网页的数据也需要实时更新，故学习并记录Ajax数据更新方法，当然还需要结合之前做H5游戏开发多子弹线程的经验，使用setInterval() 方法实现函数的循环定时回调，以实现数据不断刷新的效果 Aja...
自动更新 (改进版:含数据库更新)
01-13
使用了盒子里不少东西，今天算是有点回报吧。本程序是在网友vagrant的升级程序上增加了SQL数据库的更新升级功能，系统中采用了ACCES来存储数据更新的指令，从而达到逐步执行SQL代码的功能，因为在SQL中要创建表、存储过程、视图等对象时，需要删除原有老的对象，但是SQL不支持将这些指令存放在一起，从而导致出错，所以用ACCES来存储数据了。如果使用其他数据库，只需要更改一下数据连接总行啦！
数据库更新前台页面不更新问题
04-03
在hibernate下 解决添加数据后刷新页面，mysql数据库更新前台页面不更新问题。
自动刷新页面
前端小菜鸟
05-29 1656
$(function() { pushHistory(); window.addEventListener("popstate", function(e) { self.location.reload(); }, false); }); function pushHistory() { var state = { ...
html页面实现自动刷新
热门推荐
非凡的博客
08-30 2万+
有些时候需要定时自动的去刷新页面，更新数据之类的，下面告诉你个好方法，既省事，又省力哈 1、页面自动刷新（H5格式的html页面，只需要在head中添加） <!-- 1、设置时间10秒刷新一次该页面 --> <meta http-equiv="refresh" content="10"> <!-- 2、设置指定时间跳转 --> <meta http-eq...
使用定时器以新数据自动更新页面
xiantouxu的博客
08-23 979
问题：想要显示来自一个文件的条目，但是该文件会经常更新 解决方案：使用Ajax和一个定时器来周期性地检查文件，获取更新显示。
jsp页面处理完数据,自动刷新记录
liuweidong_的博客
06-14 7139
jsp页面处理完数据 自动刷新返回上一级 window.location.reload();
使用 JavaScript 将网站后台的数据变化实时更新到前端-【知乎总结】
weixin_33767813的博客
01-27 1413
问： 难道只能设置定时器每隔一秒通过 Ajax 向后台请求数据来实现吗？ 答： 1、 nodejs的 http://socket.io 支持上述 李宏训 所说的三种方式，另外还支持 Flash Socket、隐藏IFrame、JSONP Polling等方式。http://Socket.io提供前端和服务器端的配套机制，并兼容各种浏览器，它的前端js模块会判断浏览器的能力，自适应选择最合适...
ASP.net网页进行数据更新操作
IOT_player的博客
04-10 3514
1.利用的是这个DataAccess.cs类，无需我们在类中重新写代码上图是实现更新数据的方法2.如上图，在网页后台，即aspx.cs文件中写函数，图中的orderconfirm是自己随意命名的，然后Update（“此处填写sql语句”）就ok了 3前台代码中，通过响应函数，调用后台中写的方法，例如：其中onclick调用了updateconfirm方法来实现数据的更新。...
VBA自动化：从网页抓取数据填充Excel
"该资源是关于使用VBA(Visual Basic for Applications)自动化操作，从网页抓取数据并填充到Excel表格中的教程。" 在VBA编程中，有时我们需要从网页上获取信息，然后将这些数据整合到Excel工作表中进行分析和处理。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值