ASP.NET+Ajax+Javascript实现页面div定时刷新

本文介绍了一种利用Javascript的setTimeout和xmlhttp在ASP.NET环境中实现页面div定时刷新的方法,适用于IE6.0及以上版本。通过配置文件Config.xml,可以调整div的刷新频率和每页显示的记录数。页面内容动态获取自后台数据库,并实现了分页功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、概述

  考虑Html本身不带定时刷新页面的控件,且不考虑使用第三方控件;因此考虑使用Javascript中的setTimeout+xmlhttp来实现定时更新页面中部分内容,此实现在IE6.0及以上版本测试通过,其他浏览器暂时未测试过。

 

二、功能及特点

  1、Javascript通过Microsoft的MSXML对象,动态获取后台数据库数据;

  2、Javascript解析MSXML对象中的xml内容,整理为html后,显示给用户;

  3、Javascript实现分页功能;

  4、通过配置文件Config.xml中的参数,可以修改div的刷新频率、每页显示记录条数等。

 

三、前台Html

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

<!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>
<body>
    <form id="FrmBayonetShow" runat="server">
       <table id="BodyStyle" border="0px" width="100%">
            <tr>
                <td style="text-align: center; vertical-align: middle; font-family: 楷体_GB2312; font-size: 35px;
                    color: #0A246A; font-weight: bold; height: 50px">
                    页面动态更新示例
                </td>
            </tr>
            <tr>
                <td>
                    <div id="divRefresh" runat="server" style="width: 100%;">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="divPagination" runat="server" style="width: 100%;">
                    </div>
                </td>
            </tr>
        </table>

        <script>
        //初始化参数
        InitMarqueeParameter();

        //定义控制分页的变量
        var page = new Pagination("divPagination");
        //第一次获取显示数据
        GenerateContent();
  &n

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值