自动更新页面上的数据

最新推荐文章于 2024-04-02 22:10:58 发布
最新推荐文章于 2024-04-02 22:10:58 发布
阅读量874 收藏
点赞数
分类专栏： 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
关注
专栏目录
python实现的网页数据自动录入程序
06-29
一个个的录入十分麻烦，而且容易出错，于是我使用PYTHON写了一个从EXCEL里面读出成绩，然后自动录入到网页里的小程序，原来半个小时的工作，一下子缩短到只有一分钟不到。就非常NICE。 使用方法： 1，安装openpyxl ...
html页面推送功能的实现,想实现Web页面内容自动更新？你需要了解WEB实时推送技术！...
weixin_29204749的博客
06-04 1474
随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，比如，工业运行监控、Web在线通讯、即时报价系统、在线游戏等，都需要将后台发生的变化主动地、实时地传送到浏览器端，而不需要用户手动地刷新页面。本文对过去和现在流行的Web 实时推送技术进行了比较与总结。一、双向通信HTTP协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查...
web有哪些方式可以实时更新数据
最新发布
歌布衣的博客
04-02 2987
使用场景：WebSocket更通用，适用于任何需要实时双向通信的应用。GraphQL订阅专注于数据订阅模型，适用于当数据发生变化时需要通知客户端的场景。数据结构和格式：WebSocket不关心数据格式，而GraphQL订阅使用GraphQL查询语言来精确定义客户端期望接收的数据的形状和类型。实现细节：WebSocket是一种底层的通信协议，而GraphQL订阅是一种在WebSocket（或其他传输层协议）之上实现的高级抽象。
如何解决前端上线之后，用户所在页面不刷新也会自动更新
朱远辉的博客
05-08 2738
当前所在页面不刷新会出现其他页面已经更新但当前页面没有更新的情况。这种情况下，通常需要通过前端代码来处理。一种解决办法是在前端代码中，添加一个定时器，定期去检查后台服务是否有更新。如果检测到新版本，可以使用 JavaScript 程序重新加载相应的资源，让用户可以获得新内容。
html前台数据自动更新,网页数据如何实现实时刷新？
weixin_36245388的博客
05-31 1万+
本文仅为学技术而简单举例，后端框架是Django，具体业务逻辑是否合理可以不用管，下方是工作中需要实现的需求自动化程序脚本运行的三种任务状态：1、未执行 2、执行成功 3、执行失败任务状态在网页前端实时展示，需要每隔一段时间请求数据库中的状态数据字段为webtask_stu，并返回前端展示 两种思路：1、前端轮询，每请求一次，建立一次连接，后端返回前端数据一次具体实现：设置定时器，每隔5s请求...
怎么用vue自动更新页面数据
weixin_48047636的博客
05-18 4899
<body> <div id="app"> <div>欢迎:{{name}}</div> <!-- {{}}就是插值语法相当于模板字符串${}可以直观地把数据放在页面中 --> <p>9*9={{9*9}}</p> <p>salary:{{salary}}</p> </div> <!-- vue脚
页面自动更新
03-20
页面自动更新技术是一种提高用户体验和实时性的策略，它允许用户在不手动刷新页面的情况下获取到最新的数据或内容。在IT领域，特别是在Web开发和数据库管理中，这种功能至关重要。本主题将深入探讨如何利用数据库...
自动打开网页填充数据
07-22
在IT行业中，自动化的网页操作是一项非常实用的技术，特别是在测试、数据分析或自动化任务执行时。本教程将聚焦于使用C#编程语言实现自动打开网页并填充数据的功能。C#是微软开发的一种面向对象的编程语言，它具有...
页面滚动到底部自动加载数据
04-29
Ajax（Asynchronous JavaScript and XML）允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在滚动加载中，可以使用JQuery的`$.ajax()`或者简化的`$.get()`或`$.post()`函数发送请求。请求参数可能...
天天自动抓取更新系统
08-16
"天天自动抓取更新系统"是一款专为自动化数据抓取和更新设计的工具，它能够高效地从多个网页和站点中获取信息，并智能地分析和处理数据。该系统的亮点在于其全智能抓取功能，能根据设定的规则或算法，自动识别并抓取...
数据库更新前台页面不更新问题
04-03
在hibernate下 解决添加数据后刷新页面，mysql数据库更新前台页面不更新问题。
自动更新 (改进版:含数据库更新)
01-13
使用了盒子里不少东西，今天算是有点回报吧。本程序是在网友vagrant的升级程序上增加了SQL数据库的更新升级功能，系统中采用了ACCES来存储数据更新的指令，从而达到逐步执行SQL代码的功能，因为在SQL中要创建表、存储过程、视图等对象时，需要删除原有老的对象，但是SQL不支持将这些指令存放在一起，从而导致出错，所以用ACCES来存储数据了。如果使用其他数据库，只需要更改一下数据连接总行啦！
页面自动刷新页面数据方法
止境博客
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(), ..
WEB页面自动刷新的实现
简单
02-09 9735
http://blog.csdn.net/liuruiqun/article/details/50466176方法一：html&lt;title&gt;xxxxx&lt;/title&gt;之後加入下面这一行即可！[html] view plain copy &lt;meta http-equiv="refresh" content="10"&gt;  10代表刷新间隔,单位为秒，实现每隔10秒对...
如何实现前端页面的数字自动刷新
06-22 1万+
页面刷新获取多条格式相同的数据
[WEB] 详解Ajax实现网页数据异步更新并实时自动刷新
热门推荐
...
09-04 1万+
本周在做STC大作业的时候，采集了开发板上的光照和温度数据传到了腾讯云服务器上（实现可以参考我的另外一篇文章 ： socket实现服务器和客户端双向通信），由于开发板采集的数据是时实更新的，故网页的数据也需要实时更新，故学习并记录Ajax数据更新方法，当然还需要结合之前做H5游戏开发多子弹线程的经验，使用setInterval() 方法实现函数的循环定时回调，以实现数据不断刷新的效果 Aja...
Javascript & HTML5 使用Ajax自动更新页面数据
野草志
05-20 7235
通过设置interval和ajax，来实现页面数据的更新，亮点是只更新一个
实现对象属性的"监控" - 修改数据后自动更新页面
01-05 2900
index.js:var God = { version:'1.0', extends(name, obj){ // 调用初始化函数 this.init(); /* * 我们约定对象中必须有 data和methdos2个属性 * 并且data是函数,methods是对象 * */
网页数据的实时刷新
落叶屋
06-12 5776
方案1 随着网络的发展，利用ASP技术制作Web页面，来完成动态网站设计的方式，越来越得到广泛的应用。企业站点和其他商业站点，有时需要为用户提供查询实时变化的数据信息，而利用ASP技术完成这种功能会遇到实时数据的自动刷新问题。面对几秒钟变化一次的实时数据，HTML和ASP中VBScript、JavaScript语言仅为我们提供了页面Frame和窗口的刷新方法（即HTML的面对这种情况，我们可以
VBA自动化：从网页抓取数据填充Excel
"该资源是关于使用VBA(Visual Basic for Applications)自动化操作，从网页抓取数据并填充到Excel表格中的教程。" 在VBA编程中，有时我们需要从网页上获取信息，然后将这些数据整合到Excel工作表中进行分析和处理。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值