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

最新推荐文章于 2023-11-28 16:11:15 发布
最新推荐文章于 2023-11-28 16:11:15 发布
阅读量7.5k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： ASP.NET JavaScript 文章标签： javascript div asp.net ajax class function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Venlin/article/details/5151314
本文介绍了一种利用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

最低0.47元/天 解锁文章

200万优质内容无限畅学
asp.net 应用ajax自动刷新时间
tengyang11的专栏
06-07 2117
页面每过1秒向后台发送一次异步请求,读取服务器上的时间之后response给页面.前台页面代码:    MyWeb                $(function(){            setInterval(function(){                 $.get("Default.aspx?action=time&time
.NET运用AJAX 总结及其实例
weixin_33906657的博客
04-29 227
1、AJAX简介      （1、没有AJAX会怎么样？普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面，比如实现显示服务器的时间。每次都要刷新页面的坏处：页面刷新打断用户操作、速度慢、增加服务器的流量压力。如果没有AJAX，在youku看视频的过程中如果点击了“顶、踩”、评论、评论翻页，页面就会刷新，视频就会被打断。试想一个效果：在YOUKU网看视频，然后看到一个顶踩的功能，看没有...
ASP.NET 定时刷新页面
holyrong的专栏
09-09 3209
有时候需要定时刷新页面的内容，比如首页的公告栏，需要定时刷新，这就用到了标签(放在标签里)：meta http-equiv="Refresh" content="60">  说明：  content中的数字就是定时刷新的时间间隔。顺便说下标签的另一个作用，在使用showModelDialog（）弹出模态对话框时，如果要清除页面缓存，可以在页面中加入 http-equiv="Expi
asp.net定时刷新
⑧o年崋日常记录
03-27 494
前台： <asp:ScriptManager ID=“ScriptManager1” runat=“server” EnablePartialRendering=“true”> </asp:ScriptManager> 　　　　<asp:UpdatePanel ID=“UpdatePanel1” runat=“server” UpdateMode=“Condition...
ASP.NET开发 页面定时刷新
最新发布
weixin_65144270的博客
11-28 839
ASP.NET开发 页面定时刷新
ASP.NET-[其他类别]网页层拖动实例(ASP.NET+AJAX).zip
11-20
在这个“ASP.NET-[其他类别]网页层拖动实例(ASP.NET+AJAX).zip”压缩包中，我们可以推测其主要内容是关于如何在ASP.NET网页中实现层的拖动功能，并结合了AJAX（异步JavaScript和XML）技术来提升用户体验。AJAX允许...
实现无刷新拖动与数据读取的ASP.NET+AJAX技术示例
在本实例中，我们关注的是如何利用ASP.NET和AJAX技术实现网页上的层（即页面元素）拖动功能。为了更好地理解，以下将详细说明涉及的关键知识点。 ### 关键知识点一：ASP.NET ASP.NET是微软开发的一种服务器端Web...
asp.net+ajax实现选项卡
09-25
总结来说，"asp.net+ajax实现选项卡"涉及的主要知识点包括：C#.NET服务器端编程，ASP.NET AJAX技术，HTML和CSS布局，JavaScript/jQuery交互，以及AJAX异步请求与服务器响应的处理。通过这些技术的综合运用，可以构建...
asp.net+js实现的ajax sugguest搜索提示效果
10-30
ASP.NET与JavaScript结合实现的AJAX Suggest搜索提示功能是一种常见的增强用户交互体验的技术，它能够在用户输入查询词时提供即时的建议列表。这个功能在许多网站的搜索框中都有应用，比如搜索引擎、电子商务网站等...
AJAX定时刷新
killerover84的专栏-----天下
12-18 758
/*第一次读取最新通知*/ setTimeout(function() { Push(); }, 200); /*30轮询读取函数*/ setInterval(function() { Push(); }, 30000); /*请求函数的ajax*/
ASP.NET 页面刷新和定时跳转代码整理
01-21
刷新的实现方法： =========================================== .net //第1： /*– 内置跳转 —-*/ Response.Redirect( Request.Url.ToString( ) ); //第2： /*—-内置 html —-*/ Response.AddHeader( “Refresh”,”0″ ); //将指定的标头和值添加到此响应的 HTTP 标头。 //第3： Response.Write( ” [removed] [removed].reload( ); < /script
asp_net中如何定时刷新数据
06-10
asp_net中如何定时刷新数据asp_net中如何定时刷新数据asp_net中如何定时刷新数据
JSP+Ajax div自动刷新 程序代码
05-14
本人新手，出入门槛，望高手指点，希望对朋友们有用
NET方式下AJax和定时实时刷新技术两种方式实现
04-09
NET方式下AJax和定时实时刷新技术两种方式实现,有源程序和数据库。分别实现根据数据库内容变化实时刷新页面
asp.net_echarts后台动态获取数据
07-09
自己练手写的几个例子： demo1和demo2是echart两种不同的写法，数据是写死的，仅供参考，推荐以demo2为模板。 demo3、demo4、demo5是ajax动态从后台获取json数据的例子。 demo3是折线图和柱状图。 demo4是饼图。 demo5是双折线(柱状)图。
使用jQuery和AJAX自动刷新Div内容
11-27 811
所以，今天我需要的内容在一个div至每5秒刷新 ，所以我决定做一个快速的演示向您展示如何是可以做到的。 它最初加载使用AJAX速记方法.load（）的内容，然后简单地设置一个重复呼叫每5秒的数据。 演示 该演示显示从我的博客上，并显示日期和时间的最新数据刷新RSS提要的最新博客文章 。 我也迷上了使用AJAX请求加载图像$ .ajaxSetup（） ，但是这是可选的，如果你不想看到加载图像，...
html div自动刷新,ajax实时刷新
weixin_39523835的博客
05-31 1103
js如何用ajax实时更新session值我在前台写了，页面上回复要判断setTimeout(“a”,1000)//等待1000毫秒执行function a 比如 function a() { setTimeout(“a”,1000)//没1秒执行一次a()，再次加入ajax请CSS布局HTML小编今天和大家分享session的方式就可以了 }Dreamweaver怎样用AJAX实现网页实时显示数...
html用div布局显示时间，并且实时刷新
背着饭碗的小猿
08-17 2673
完整代码如下 <!DOCTYPE html> <meta charset="UTF-8"> <!--中午乱码解决方式--> <html lang="en"> <title>定时刷新时间</title> <div class="showTime">当前时间：2021年3月12-23时34分15秒</div> <script> var date = null; date = setTim
ASP.NET+Ajax+Javascript实现页面定次刷新滚动内容
Begin Again!~~~
01-07 2163
一、概述  Marquee：Html中滚屏控件，可以使包含在此标记中的内容进行各个方向，各种速度的滚动，因此在不考虑使用第三方控件的前提下，考虑使用Marquee+xmlhttp来实现定次更新页面中的滚动内容，此实现在IE6.0及以上版本测试通过，其他浏览器暂时未测试过。  Marquee中的onfinish事件：在给Marquee属性loop赋值后，完成这些次数时，会调用onfinish
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值