专利名称：自动刷新网页中数据的系统及方法
技术领域：
本发明涉及网页显示领域，尤其涉及一种自动刷新网页中数据的系统及 方法。
背景技术：
目前基于Web网页的监控产品已经普遍，通过Web网页来显示设备运行 状态等实时数据。有别于普通交互式网页表单，这些监控产品中的网页包括 有多个显示设备的运行状态的参数的数据域，且数据域中的数据需要实时更 新，以反映设备运行的实时状态。
现有的网页都采用定时整体页面更新方法，由于现在的网络传输速率不 稳定，而新的数据传输到终端时需要一定的时间，在刷新时由于新数据未全 部传到终端，终端的整个页面将会闪烁，影响显示效果。
发明内容
本发明要解决的技术问题在于，针对上述设备监控网页在刷新时页面闪 烁的缺陷，提出一种新的自动刷新网页中数据的系统及方法。
本发明解决上述技术问题的技术方案是，构造一种自动刷新网页中数据 的系统，包括数据显示网页、数据表单网页以及定时器网页，其中
所述数据表单网页，用于从网页服务器获取更新数据并根据所述更新数 据更新表单数据；
所述数据显示网页，用于显示来自网页服务器的网页并根据所述数据表 单网页的表单数据更新显示的网页；
所述定时器网页，用于以第一时间间隔向数据表单网页定时发送获取更 新数据的指令，使所述数据表单网页从网页服务器获取更新数据。在本发明所述的自动刷新网页中数据的系统中，所述数据显示网页包括 至少一个第一数据域，所述数据表单网页包括与所述第一数据域对应的第二 数据域，所述数据表单网页将从网页服务器获取的更新数据填充到第二数据 域，所述数据显示网页根据第二数据域的内容进行更新所述数据显示网页的 第一数据域。
在本发明所述的自动刷新网页中数据的系统中，所述定时器网页在数据 表单网页未在预定时间内接收到网页服务器返回的更新数据时，向数据表单 网页发送重新从网页服务器获取更新数据的指令，所述预定时间小于第一时 间间隔。
在本发明所述的自动刷新网页中数据的系统中，还包括出错提示子单元， 用于在所述数据表单网页未接收到网页服务器返回的更新数据达到预定次数 时，提示网络出错。
在本发明所述的自动刷新网页中数据的系统中，所述数据表单网页的属 性为隐藏。
本发明还提供一种自动刷新网页中数据的方法，包括以下步骤
(a) 数据显示网页显示网络服务器的网页；
(b) 定时器网页以第一时间间隔向数据表单网页定时发送获取更新数据 的指令使所述数据表单网页从网页服务器获取更新数据，所述数据表单网页 根据所述更新数据更新表单数据；
(C)所述数据显示网页根据数据表单网页的表单数据更新显示的网页。 在本发明所述的自动刷新网页中数据的方法中，所述数据显示网页显示 的网页包括至少一个第一数据域，所述数据表单网页包括与所述第一数据域 对应的第二数据域，所述步骤(b)中数据表单网页根据获取的更新数据填充 第二数据域，所述步骤(C)中数据显示网页根据第二数据域更新第一数据域。 在本发明所述的自动刷新网页中数据的方法中，所述步骤(b)中还包括: 所述定时器网页在数据表单网页未在预定时间内接收到网页服务器返回的更 新数据时，向数据表单网页发送重新从网页服务器获取更新数据的指令，所 述预定时间小于第一时间间隔。在本发明所述的自动刷新网页中数据的方法中，所述歩骤(b)中还包括: 所述定时器网页在数据表单网页未接收到网页服务器返回的更新数据达到预 定次数时，提示网络出错。
在本发明所述的自动刷新网页中数据的方法中，所述查询表单网页的属 性为隐藏。
本发明的自动刷新网页中数据的系统及方法，通过先根据网页服务器的 更新数据更新数据表单网页，再根据数据表单网页更新数据显示网页，从而 实现了显示的网页在刷新时无闪烁，具有较好的显示效果。
下面将结合附图及实施例对本发明作进一步说明，附图中 图1是本发明自动刷新网页中数据的系统的实施例的结构框图； 图2是本发明自动刷新网页中数据的方法的实施例的流程图； 图3是图2更新查询表单网页步骤的详细流程图。
具体实施例方式
本发明为一种基于框架的网页显示系统并结合Javascript脚本实现无闪烁 的页面数据更新技术，可以在页面无闪烁的情况下，自动刷新数据，而且可 以提供网络通讯断线提示。极大程度地提高了需要实时更新数据的网页的显 示效果。
如图l所示，是本发明自动刷新网页中数据的系统的实施例的结构框图。 该系统用于显示网页，并位于终端10上，该终端10通过互联网或专用网络 连接到网页服务器20。其中网页服务器20可以是提供普通互联网网页数据的 服务器，也可以是提供专用设备(例如路由器、交换器等)的状态数据的服 务器。上述系统包括数据显示网页ll、数据表单网页12以及定时器网页13。
数据显示网页11用于显示来自网页服务器20的网页并根据数据表单网 页12的表单数据更新显示的网页。数据显示网页11显示的网页包括一个或 多个第一数据域，该第一数据域用于显示实时更新或定时更新的数据，例如设备的状态数据。
数据表单网页12用于从网页服务器20获取更新数据并根据更新数据更
新表单数据。例如，更新的表单数据以Javascript数据结构(也可以采用 VBScript或者其它类型脚本代替Javascript)保存在数据表单网页中。
特别地，该数据表单网页12包括与数据显示网页11中的第一数据域对 应的第二数据域。在数据表单网页12更新其表单数据时，将从网页服务器获 取的更新数据替换第二数据域中的旧数据。相应地，数据显示网页ll在刷新 时，根据该数据表单网页12的第二数据域的内容更新其第一数据域。例如数 据显示网页ll的数据更新接口，根据具体的数据显示要求，从数据表单网页 中取得需要的数据(第二数据域中的数据)，利用Javascript脚本更新需要显 示的第一数据域对象，网页的其余部分并不更新。由于整个网页不会刷新， 数据被逐个显示，故界面上不会出现闪烁现象。
特别地，该数据表单网页12的属性为隐藏，此时，在数据表单网页12 更新时，在界面上看不到返回的更新数据，从而不影响网页的显示效果。
定时器网页13用于以第一时间间隔向数据表单网页12定时发送获取更 新数据的指令，使数据表单网页12从网页服务器获取更新数据。
在本发明的其他实施例中，定时器网页13在数据表单网页12未在预定 时间内接收到网页服务器返回的更新数据时，向数据表单网页12发送重新从 网页服务器20获取更新数据的指令。此处的预定时间小于第一时间间隔。
此外，本发明的自动刷新网页中数据的系统中还可包括出错提示子单元， 用于在数据表单网页未接收到网页服务器返回的更新数据达到预定次数时， 提示网络出错，例如提示网络无法连接成功等。
此外，在网页中还可包括菜单网页，该菜单网页用于定义不同数据显示 网页链接和对应的数据表单网页。当某一数据显示网页链接时，对应的数据 显示网页被显示，而相应的数据表单网页则启动进行网页更新。
如图2所示，是本发明自动刷新网页中数据的方法的实施例的流程图。 该方法包括以下步骤
步骤S21:数据显示网页显示来自网络服务器的网页数据。该数据显示网
7页中包括一个或多个数据域。上述第一数据域用于显示实时或定时更新的数 据，例如设备的状态数据等。
步骤S22:定时器网页以第一时间间隔向数据表单网页定时发送获取更新 数据的指令使数据表单网页从网页服务器获取更新数据，数据表单网页根据
所述更新数据更新表单数据。更新的表单数据以Javascript数据结构(也可以 采用VBScript或者其它类型脚本代替Javascript)保存在数据表单网页中。
特别地，该数据表单网页12包括与数据显示网页11中的第一数据域对 应的第二数据域。在数据表单网页12更新其表单数据时，将从网页服务器获 取的更新数据替换第二数据域中的旧数据。
步骤S23:根据数据表单网页的表单数据更新数据显示网页。数据显示网 页在刷新时，根据该数据表单网页的第二数据域的内容更新其第一数据域。 例如数据显示网页的数据更新接口根据具体的数据显示要求，从数据表单网 页中取得需要的数据(第二数据域中的数据)，利用Javascript脚本更新需要 显示的第一数据域对象，网页的其余部分并不更新。由于整个网页不会刷新， 数据被逐个显示，故界面上不会出现闪烁现象。
如图3所示，是图2中更新数据表单网页步骤S22的详细流程示意图。 该步骤具体包括
步骤S31:定时器网页向数据表单网页发送指令，使数据表单网页向网络 服务器请求更新数据。
步骤S32:定时器网页判断数据表单网页在预定时间内是否接收到网页服 务器返回的更新数据，并在数据表单网页接收到网页服务器返回的更新数据 时执行步骤S33，否则执行步骤S34。上述预定时间小于第一时间间隔。
步骤S33:定时器网页向数据表单网页发送指令，使该数据表单网页重新 从网页服务器获取更新数据。
步骤S34:定时器网页判断数据表单网页未接收到网页服务器返回的更新 数据的次数是否达到预定次数，若达到则执行步骤S35，否则执行步骤S31。
步骤S35:提示网络出错。例如通过弹出式窗口等提示网络连接超时。
特别地，该数据表单网页的属性为隐藏，此时，在数据表单网页更新时，在界面上看不到返回的更新数据，从而不影响网页的显示效果。
以上所述，仅为本发明较佳的具体实施方式
，但本发明的保护范围并不 局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可 轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明 的保护范围应该以权利要求的保护范围为准。
权利要求
1、一种自动刷新网页中数据的系统，其特征在于，包括数据显示网页、数据表单网页以及定时器网页，其中所述数据表单网页，用于从网页服务器获取更新数据并根据所述更新数据更新表单数据；所述数据显示网页，用于显示来自网页服务器的网页并根据所述数据表单网页的表单数据更新显示的网页；所述定时器网页，用于以第一时间间隔向数据表单网页定时发送获取更新数据的指令，使所述数据表单网页从网页服务器获取更新数据。
2、 根据权利要求l所述的自动刷新网页中数据的系统，其特征在于，所 述数据显示网页包括至少一个第一数据域，所述数据表单网页包括与所述第 一数据域对应的第二数据域，所述数据表单网页将从网页服务器获取的更新 数据填充到第二数据域，所述数据显示网页根据第二数据域的内容进行更新 所述数据显示网页的第一数据域。
3、 根据权利要求l所述的自动刷新网页中数据的系统，其特征在于，所 述定时器网页在数据表单网页未在预定时间内接收到网页服务器返回的更新 数据时，向数据表单网页发送重新从网页服务器获取更新数据的指令，所述 预定时间小于第一时间间隔。
4、 根据权利要求l所述的自动刷新网页中数据的系统，其特征在于，还 包括出错提示子单元，用于在所述数据表单网页未接收到网页服务器返回的 更新数据达到预定次数时，提示网络出错。
5、 根据权利要求l所述的自动刷新网页中数据的系统，其特征在于，所 述数据表单网页的属性为隐藏。
6、 一种自动刷新网页中数据的方法，其特征在于，包括以下步骤(a) 数据显示网页显示网络服务器的网页；(b) 定时器网页以第一时间间隔向数据表单网页定时发送获取更新数据 的指令使所述数据表单网页从网页服务器获取更新数据，所述数据表单网页 根据所述更新数据更新表单数据；(C)所述数据显示网页根据数据表单网页的表单数据更新显示的网页。
7、 根据权利要求6所述的自动刷新网页中数据的方法，其特征在于，所 述数据显示网页显示的网页包括至少一个第一数据域，所述数据表单网页包 括与所述第一数据域对应的第二数据域，所述步骤(b)中数据表单网页根据 获取的更新数据填充第二数据域，所述步骤(C)中数据显示网页根据第二数 据域更新第一数据域。
8、 根据权利要求7所述的自动刷新网页中数据的方法，其特征在于，所述步骤(b)中还包括所述定时器网页在数据表单网页未在预定时间内接收 到网页服务器返回的更新数据时，向数据表单网页发送重新从网页服务器获 取更新数据的指令，所述预定时间小于第一 时间间隔。
9、 根据权利要求8所述的自动刷新网页中数据的方法，其特征在于，所述步骤(b)中还包括所述定时器网页在数据表单网页未接收到网页服务器 返回的更新数据达到预定次数时，提示网络出错。
10、 根据权利要求6-9中任一项所述的自动刷新网页中数据的方法，其特征在于，所述查询表单网页的属性为隐藏。
全文摘要
本发明涉及一种自动刷新网页中数据的系统，包括数据显示网页、数据表单网页以及定时器网页，其中所述数据表单网页，用于从网页服务器获取更新数据并根据所述更新数据更新表单数据；所述数据显示网页，用于显示来自网页服务器的网页并根据所述数据表单网页的表单数据更新显示的网页；所述定时器网页，用于以第一时间间隔向数据表单网页定时发送获取更新数据的指令，使所述数据表单网页从网页服务器获取更新数据。本发明还提供一种对应的方法。本发明通过先根据网页服务器的更新数据更新数据表单网页，再根据数据表单网页更新数据显示网页，从而实现了显示的网页在刷新时无闪烁，具有较好的显示效果。
文档编号G06F17/30GK101477573SQ20091010507
公开日2009年7月8日 申请日期2009年1月16日 优先权日2009年1月16日
发明者杨国新, 毛福华, 静 王, 胡树燕, 阮顺领 申请人:艾默生网络能源有限公司