ajaxpro定时刷新页面

前台页面：

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

<!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>
<script language="javascript" type="text/javascript">
window.onerror = function()
{
return true;//不显示脚本错误信息
}

</script>
</head>
<body οnlοad="init()">
<form id="form1" runat="server">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>路灯状态</td>
</tr>
<tr>
<td>
<div id="timeLabel"><font color="red">红灯</font>
</div>
<div id="test">
</div>
</td>
</tr>
<tr>
<td>请遵守交通法则，做到“红灯停，绿灯行”。</td>
</tr>
</table>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
/// <summary>
/// 说明：在Web开发中，有时候需要经常更新某一部分内容，如果不采用Ajax技术，就需要使用传统的html技术，在<head></head>区域加
/// 以下代码：<meta http-equiv="Refresh" content="10"> （假设每10秒更新一次），这样做的缺点是每次更新的时候整个页面都刷新了
/// 带来很多不必要的流量，也影响效率。
/// 微软的Ajax.Net类库也提供了相应的控件，使用微软提供的控件开发效率高，但是经常会出现“***不是已知元素原因可能是网站中存在编译错误 ”的提示
/// 另外有些控件虽然在执行的时候不占用显示空间，但是在设计视图的时候却占用显示空间，让人心情不爽，所以我还是倾向于AjaxPro这个第三方控件。
/// 不过AjaxPro本身好像没有提供定时执行某个方法的类，但是我们可以利用Js本身的方法，它就是setInterval("方法名()",间隔)，没研究微软的
/// Ajax.Net类库，我估计它的最终效果也是采用这个方法或者类似方法来实现的。
/// 作者：周公
/// 时间：2008-3-9
/// 首发地址：http://blog.csdn.net/zhoufoxcn/archive/2008/03/09/2160407.aspx
/// </summary>
public partial class Index : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(Index));//注册AjaxPro
}
//[AjaxPro.AjaxMethod]表示下面的方法用Ajax调用的服务器端方法
[AjaxPro.AjaxMethod]
public string GetStatus()
{
int second = DateTime.Now.Second;
if (second >= 40)
{
return "<font color='red'>红灯</font>";
}
else if (second <= 39 && second >= 20)
{
return "<font color='green'>绿灯</font>";
}
else
{
return "<font color='yellow'>黄灯</font>";
}
}
}

程序运行的效果：

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

————————————————————————————————————

转载于:https://blog.51cto.com/itlee/222482

ajaxpro定时刷新页面相关推荐

Response_输出数据，实现文件下载，定时刷新页面，是否缓存，重定向，实现验证码...
1.Response_输出数据 1.Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象.和代表响应的response对象. ServletRespon ...
JSP简单练习-定时刷新页面
<%@ page contentType="text/html; charset=gb2312" %> <%@ page import="java.ut ...
用ajax技术实现无闪烁定时刷新页面
在Web开发中我们经常需要实现定时刷新某个页面:1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录):2.实现实时站内短信:3.定时更新页面数据等等.但是我们在 ...
无闪烁刷新页面 php,AJAX_Ajax实现无闪烁定时刷新页面实例代码，在Web开发中我们经常需要实现 - phpStudy...
Ajax实现无闪烁定时刷新页面实例代码在Web开发中我们经常需要实现定时刷新某个页面: 1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录): 2.实现实时站 ...
用Ajax+js+jQuery实现无闪烁定时刷新页面定时刷新
本人想在一个JSP页面上显示一个消息模块,这个消息需要定时更新,请问大家如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能.本人使用的js框架是jQuery. 先说思路,那就是在前端用 js ...
Vue定时刷新页面数据
我现在只知道两种最常见的定时刷新方案,一种是利用Vue的内置函数setTimeout.setInterval定时执行,另一种是websocket消息推送.我的需求是,当数据库中的数据发生更新时,前端就 ...
无门槛vbs定时刷新页面
无门槛vbs定时刷新电脑页面本文为一篇福利篇,无门槛,是个电脑都能直接用.之前小编在网上看到有人要可以不用手动,能定时刷新电脑屏幕的代码,故此整理了一个精简的代码,如下: (行外看精彩,行内看笑话, ...
Android 设置定时刷新页面数据，最小自动刷新时间
设置初始时间 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式 String t ...
Tkinter定时刷新页面或数据
1.说明由于tkinter一旦开始执行进入mainloop,就相当于进入一个界面死循环状态,出不来:如果想做定时刷新tkinter界面的控件数据,必须调用tkinter.TK()自带的after函数 ...

ajaxpro定时刷新页面

ajaxpro定时刷新页面相关推荐

最新文章

热门文章