这几天一直折腾asp，要求实现一个后台添加程序后，前台要提示的功能。所以就用asp+ajax写了一个定时器，从服务器获取信息，定时显示页面上。
本程序是从index.asp定时调用server.asp的数据，首先在index.asp页面上定义了一个ajax程序，并且在ajax程序中添加了定时器的代码利用了一个setTimeout("method()",times) 这个方法，细心的同学应该都能看出这是个递归调用。
ok，废话不多说，看代码吧！
前台程序代码
index.asp
<!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>
<title>兼容多浏览器的AJAX入门实例（超详细注释）</title>
<script type="text/javascript">
<!--
var xmlHttp
/*建立XMLHTTP对象调用MS的ActiveXObject方法，如果成功（IE浏览器）则使用MS ActiveX实例化创建一个XMLHTTP对象*/
//非IE则转用建立一个本地Javascript对象的XMLHttp对象 （此方法确保不同浏览器下对AJAX的支持）
function createXMLHttp(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
var a = 1;
//建立主过程
function startXMLHttp(){
createXMLHttp(); //建立xmlHttp 对象
xmlHttp.open("get","server.asp",true); //建立一个新的http请求，传送方式 读取的页面 异步与否(如果为真则自动调用dodo函数)
xmlHttp.send(); //发送
xmlHttp.onreadystatechange =doaction; //xmlHttp下的onreadystatechange方法 控制传送过程
setTimeout("startXMLHttp()",1000); // 定时调用
document.getElementById("t").innerHTML="这是第"+ a +"次刷新!";
a++;
}
function doaction(){
if(xmlHttp.readystate==4){ // xmlHttp下的readystate方法 4表示传送完毕
if(xmlHttp.status==200){ // xmlHttp的status方法读取状态（服务器HTTP状态码） 200对应OK 404对应Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到读取页数据
}
}
}
window.onload = function(){
startXMLHttp();
}
-->
</script>
</head>
<body >
<span id="content"><!--读取后用来显示的区域--></span><br>
<input type="button" onclick="javascript:startXMLHttp()" value="查询"/>
<div id="t"> data </div>
</body>
</html>
服务后台处理程序，这里用了一个简单的table显示来替代
server.asp
<table width="100%" border="1">
<tr>
<td>AJAX处理结果。</td>
</tr>
</table>
<%
'-------------------------------------------
'//禁止缓存该页 让AJAX读取该页始终为最新而非过期缓存页
Response.Expires = 0
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
'-------------------------------------------
'Response.Charset="GB2312" ' 数据返回的编码类型 显示中文数据必须
'-------------------------------------------
Response.Write(now()) ' 得到当前时间
'在这里还可以进行一大堆数据库操作。
%>
分享到：
相关推荐
通过以上介绍，我们可以看到，无论是使用纯JavaScript还是ASP.NET AJAX控件，都可以有效地实现网页的定时无刷新更新数据。选择哪种方法取决于具体的应用场景、项目的架构以及开发者对特定技术的熟悉程度。但无论哪种...
在ASP.NET中实现数据的定时刷新对于许多应用程序来说是一项重要的功能，尤其是在需要实时更新信息的应用场景下。本篇文章将详细介绍几种常用的在ASP.NET中实现定时刷新数据的方法，并通过具体示例来帮助理解。 ####...
在.NET开发环境中，实现网页实时数据更新有两种常见技术：AJAX（Asynchronous JavaScript and XML）和定时刷新。本文将深入探讨这两种技术，并结合.NET框架，分析它们如何与数据库交互，实现实时页面刷新。 首先，...
Asp.net是微软公司推出的一种用于构建动态网站、Web应用程序和服务的服务器端技术，而Ajax（异步JavaScript和XML）则是一种在无需刷新整个页面的情况下更新部分网页的技术，能够提供更加流畅的用户体验。 首先，要...
在这个聊天室中，用户发送的消息和表情通过Ajax请求发送到服务器，服务器处理后将新的聊天记录返回，前端再利用jQuery更新聊天界面，实现无刷新聊天体验。 3. **表情功能**: 聊天室支持发送表情，这通常涉及到表情...
总的来说，通过结合 Ajax 和服务器端脚本，我们可以实现无刷新的数据库操作，提供更加流畅、高效的用户界面。在实际开发中，还需要考虑到错误处理、安全性（如防止 SQL 注入）以及数据验证等问题，确保系统的稳定性...
Ajax的核心在于通过JavaScript异步与服务器进行数据交换，从而在不刷新整个页面的情况下更新部分内容。主要涉及四个关键组件：XMLHttpRequest对象、JavaScript、DOM（文档对象模型）和数据格式（如JSON或XML）。 ##...
ASP.NET支持AJAX，允许部分页面更新，提高用户交互体验，无需刷新整个页面即可获取新数据。 ### 二、AJAX技术 AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的...
在提供的压缩包中，"Ajax定时刷新Demo表SQL脚本.sql"可能是用于创建数据库表的SQL脚本，这与Ajax刷新功能密切相关，因为可能需要从数据库获取更新的数据。而"MessageDemo"可能是一个示例文件，包含了实现上述功能的...
【Ajax定时读取数据库】是一个ASP.NET WebForm应用程序，它利用Ajax技术来实现实时、无需刷新页面地从数据库获取新数据。这个案例对于初学者和中级程序员来说，是一个非常有价值的参考，因为它展示了如何在Web应用中...
在ASP.NET中，可以结合jQuery来发送AJAX请求，实现异步数据交换。例如： ```javascript $.ajax({ url: 'WebService.asmx/GetData', type: 'POST', contentType: 'application/json; charset=utf-8', dataType: ...
- **Timer控件**：可以定期触发UpdatePanel的更新，实现定时刷新功能。 - **AsyncPostBackTrigger和PostBackTrigger**：定义异步和同步触发器，控制UpdatePanel何时进行异步更新。 - **WebServices和PageMethods**：...
Ajax局部刷新技术是一种在网页不进行整个页面刷新的情况下，通过后台与服务器异步交换数据并局部更新页面的技术。这种技术极大地提升了用户体验，因为它允许用户在交互时无需等待整个页面加载，仅更新必要的部分。C#...
通过添加`<asp:ServiceReference>`，你可以指定Web服务的URL，使得客户端可以通过AJAX调用这些服务，实现数据的异步获取和更新。 6. **Scripts属性**: Scripts属性允许你添加自定义的JavaScript文件或者脚本来扩展...
在这个案例中，jQuery使用Ajax技术来实现无刷新的数据获取，通过发送异步请求到服务器，然后处理返回的JSON数据。 3. **JSON (JavaScript Object Notation)**： JSON是一种轻量级的数据交换格式，易于人阅读和编写...
- **Timer 控件**：定时触发Ajax请求，实现定时刷新或定时操作。 - **ScriptManager**：管理页面上的Ajax功能，如注册脚本和控件。 - **AjaxToolKit**：微软提供的第三方库，包含丰富的Ajax控件和扩展功能。 5. ...
【ASP+AJAX聊天室 1.0】...总结，"ASP+AJAX聊天室 1.0"是一个结合了服务器端动态网页技术与客户端异步通信技术的实时交流平台，通过ASP处理服务器逻辑，AJAX实现页面无刷新通信，提供了一种高效、实时的在线聊天体验。
3. **Timer**：可以与UpdatePanel配合使用，定时触发更新，实现定时刷新效果。 4. **AjaxControlToolkit**：这是一套扩展控件，提供了许多预构建的Ajax功能，如AutoCompleteExtender（自动完成）、...
7. **Web服务和PageMethods**：通过ASP.NET AJAX，可以方便地调用Web服务或PageMethods，实现在客户端与服务器端的异步数据交互。 8. **自定义AJAX功能**：除了使用内置控件，开发者还可以利用AJAX的...