Ajax实现自动刷新页面
- 格式：docx
- 大小：66.99 KB
- 文档页数：13
下载文档原格式
合集下载
js 自动刷新当前页面的方法
js 自动刷新当前页面的方法JS自动刷新当前页面的方法在网页开发中，有时候我们需要实现页面的自动刷新，以便及时更新页面内容或展示动态数据。
而JavaScript提供了一种简单而有效的方法来实现页面的自动刷新。
本文将介绍如何使用JS来实现页面的自动刷新，并提供一些常见应用场景。
1. 使用location.reload()方法进行页面自动刷新最简单的方法是使用location.reload()方法来实现页面的自动刷新。
这个方法会重新加载页面，并刷新所有资源。
我们可以将这个方法放在一个定时器函数中，通过设置定时器的时间间隔来控制刷新的频率。
```javascriptsetInterval(function() {location.reload();}, 5000); // 每5秒刷新一次页面```上述代码中，我们使用了setInterval()函数来创建一个定时器。
定时器函数中的匿名函数会在设定的时间间隔过后执行。
在这个匿名函数中，我们调用了location.reload()方法来重新加载页面。
2. 使用meta标签实现页面自动刷新除了使用JS方法来实现页面的自动刷新，我们还可以使用meta标签来实现相同的效果。
通过在页面的head标签中添加一个meta标签，并设置http-equiv属性为"refresh"，再指定刷新的时间间隔，就可以实现页面的自动刷新。
```html<meta http-equiv="refresh" content="5"> // 每5秒刷新一次页面```在上述代码中，我们将content属性的值设置为5，表示页面将在5秒后自动刷新。
3. 页面自动刷新的应用场景页面的自动刷新在某些特定的应用场景中非常有用。
以下是一些常见的应用场景：3.1 实时数据展示在一些需要展示实时数据的网页中，我们可以使用页面自动刷新来定期更新数据。
Div 部分刷新 利用iframe刷新div 利用AJAX刷新部分div
Div 部分刷新利用iframe刷新div利用AJAX刷新部分div一般的WEB页面，当用户访问时，会按需请求一个新页面，而这个新页面很大一部分的内容其实跟原页面是相同的，无非是某一行内容，或者某一小块内容要被刷新，这时候如果把整个页面再重新请求一遍，就很不划算，这时候我们可以使用一种部分刷新方法，就是使用HTML的iframe 标签。
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
这个标签的可用属性如下：其中我们需要注意的是一个src 属性，它指定了在这个iframe块中你要用于显示的原代码。
例如：<iframe src ="/index.html"><p>Your browser does not support iframes.</p></iframe>好，下面我们就可以用JAVASCRIPT改变iframe块的内容，来实现页面的部分刷新了，示例代码如下：1 <%@ Page Language="C#" AutoEventWireup="true" %>2 //...3 <html xmlns="/1999/xhtml" >4 <head runat="server">5 <title>Lesson 1 - Demo 1 - IFrame "Ajax"</title>6 <script language="javascript">7 function refresh()8 {9 document.getElementById('iframe').src =10"IFramePage.aspx?" + new Date();11 }12 </script>13 </head>14 <body style="font-family:Verdana; font-size:13px;">15 <form id="form1" runat="server">16 <div>17 <b>Page Load:</b>18 <span><%= DateTime.Now.ToLocalTime() %></span>19 </div>20 <div>21 <b>Current Time:</b>22 <span id="currentTime"></span>23 </div>24 <input type="button" value="Refresh" onclick="refresh()" />25 </form>26 <iframe id="iframe" src="IFramePage.aspx"></iframe>27 </body>28 </html>29在这个页面中，先显示一个Page Load:的时间，以及一个按钮，然后一个iframe块，当点击按钮的时候，我们在它的响应函数refresh()中改变iframe块的src属性，也就是页面地址（url参数变化也算地址变动）这样就会引起这个iframe重新被加载，那个参数中用了一个?new Date（）型参数，这样保证了每次都是不同的参数，每次都要变，如果这儿是个固定值比如"123"那么只有第一次点的时候变，而后面就不变了。
妙用Ajax技术实现局部刷新商品数量和总价实例代码
妙⽤Ajax技术实现局部刷新商品数量和总价实例代码1. 问题的分析 先看⼀下页⾯中的情况： 功能如上，在没有Ajax之前，⼀般都是根据⽤户修改的值去找Action，然后返回新的jsp页⾯重新加载整个页⾯，完成数字的更新。
但是有了Ajax技术后，我们可以利⽤Ajax技术局部刷新要改变的地⽅，⽽不是重新加载整个页⾯。
⾸先看⼀下上图对应的jsp部分的代码：<div class="section_container"><!-- 购物车 --><div id="shopping_cart"><div class="message success">我的购物车</div><table class="data-table cart-table" cellpadding="0" cellspacing="0"><tr><th class="align_center" width="10%">商品编号</th><th class="align_left" width="35%" colspan="2">商品名称</th><th class="align_center" width="10%">销售价格</th><th class="align_center" width="20%">数量</th><th class="align_center" width="15%">⼩计</th><th class="align_center" width="10%">删除</th></tr><c:forEach items="${sessionScope.forder.sorders }" var="sorder" varStatus="num"><tr lang="${sorder.product.id}"><td class="align_center"><a href="#" class="edit">${num.count }</a></td><td width="80px"><img src="${shop}/files/${sorder.product.pic}" width="80" height="80" /></td><td class="align_left"><a class="pr_name" href="#">${ }</a></td><td class="align_center vline">${sorder.price }</td><td class="align_center vline"><!-- ⽂本框 --><input class="text" style="height: 20px;" value="${sorder.number }" lang="${sorder.number }"></td><td class="align_center vline">${sorder.price*sorder.number }</td><td class="align_center vline"><a href="#" class="remove"></a></td></tr></c:forEach></table><!-- 结算 --><div class="totals"><table id="totals-table"><tbody><tr><td width="60%" colspan="1" class="align_left"><strong>⼩计</strong></td><td class="align_right" style=""><strong>￥<spanclass="price" id="total">${sessionScope.forder.total}</span></strong></td></tr><tr><td width="60%" colspan="1" class="align_left">运费</td><td class="align_right" style="">￥<span class="price" id="yunfei">0.00</span></td></tr><tr><td width="60%" colspan="1" class="align_left total"><strong>总计</strong></td><td class="align_right" style="">￥<span class="total" id="totalAll"><strong>${sessionScope.forder.total}</strong></span></td></tr></tbody></table><div class="action_buttonbar"><font><a href="${shop}/user/confirm.jsp"><button type="button" title="" class="checkout fr" style="background-color: #f38256;">订单确认</button></a></font><font><a href="#"><button type="button" title="" class=" fr"><font>清空购物车</font></button></font><a href="${shop}/index.jsp"><button type="button" title="" class="continue fr"><font>继续购物</font></button></a><div style="clear:both"></div></div></div></div> 看着貌似很多的样⼦，其实功能很简单，就是从域中拿出相应的数据显⽰出来⽽已，我们现在要实现上⾯描述的功能的话，先来分析⼀下思路：⾸先得注册⼀个事件：即修改了数量那⾥的⽂本框触发的事件；在该事件中，我们拿到⽤户输⼊的数，判断输⼊的合法性，因为要防⽌⽤户乱输⼊；如果合法，通过Ajax请求将数据发送到后台；后台针对新的数量，调⽤相应的业务逻辑⽅法得到新的结果，并将其通过流返回到前台；Ajax收到结果后，再对相应位置的数据进⾏更新。
Web页面实时刷新技术探讨
Web页面实时刷新技术探讨一、总述随着网络技术的飞速发展，使用B/S结构来实现项目应用已经越来越多，而实时监控一直都是多数行业软件所必备的功能，由此使用Web页面来实现实时监控成了一种必然的需求。
二、实时刷新技术1、传统的页面刷新方式传统的页面刷新方式很多，常见的有页面间隔一定的时间自动刷新、ActiveX 控件、Applet等。
采用页面间隔一定的时间自动刷新的方式，是在网页的头部加入一下代码：<meta http-equiv="refresh" content="20;url=newPage">这里是经过20秒跳转到一个新页面，可以将“newPage”设置为本页面即为刷新本页面，刷新间隔时间可以修改“20”为任意时间。
通过这种方式如果并发和访问量较大,服务器就有可能承受不了这种压力，从而造成服务器死机。
使用ActiveX控件的方式需要每个客户端下载安装ActiveX控件，并且客户端浏览器只能使用Windows的IE浏览器。
同样使用Applet需要客户端安装Java运行时。
这些传统的页面刷新方式都或多或少的存在着一些确定，在Web项目应用中的使用也越来越少。
2、Ajax轮询Ajax轮询方式是使用客户端脚本，通过XMLHttpRequest来定时发送请求，从而查询页面数据的更新情况。
通过这种方式，程序实现方便简捷，但客户端频繁的发送请求会给服务器带来很大的压力和客户端处理器负载，如果服务器端没有更新时，这种轮询访问服务器便是无意义的，并且耗费了网络资源与CPU处理资源。
实例说明：服务器端通过手动控制按钮产生一张图片，客户端显示最新图片及图片的信息内容。
服务器端通过一个按钮btnGet产生图片，按钮事件代码如下所示。
代码清单1：protected void btnGet_Click(object sender, EventArgs e){//通过改写一张父图片上的文字来产生新图片System.Drawing.Image image =System.Drawing.Image.FromFile(HttpContext.Current.Server.MapPath("parent.jpg"));string currTime = System.DateTime.Now.ToString("yyMMddHHmmssffffff");Graphics g = Graphics.FromImage(image);g.DrawImage(image, 0, 0, image.Width, image.Height);g.DrawString(currTime, new Font("Arial", 28), new SolidBrush(Color.Red), 10, 10);g.Dispose();string savePath = "Pic/" + currTime + ".jpg";image.Save(HttpContext.Current.Server.MapPath(savePath));//将最新图片文件名写入到XML文件中XmlDocument xmlDoc = new XmlDocument();xmlDoc.Load(HttpContext.Current.Server.MapPath("newPic.xml"));XmlNodeList nodeList = xmlDoc.SelectSingleNode("Items").ChildNodes;XmlElement element = (XmlElement)nodeList[0];element.SetAttribute("code", currTime);xmlDoc.Save(HttpContext.Current.Server.MapPath("newPic.xml"));}显示图片页面通过两个页面分别显示图片信息与图片内容，显示图片页面内容如下所示。
js自动刷新当前页面的方法
js自动刷新当前页面的方法摘要：1.背景介绍：自动刷新页面的需求2.方法一：使用JavaScript 定时器3.方法二：使用jQuery 的ajax 函数4.方法三：使用HTML5 的HTMLStorage 对象5.总结和建议正文：在网页开发中，我们有时候需要实现自动刷新当前页面的功能。
例如，实时更新数据、定时显示广告等场景。
下面，我们将介绍三种实现自动刷新页面的方法，分别是使用JavaScript 定时器、jQuery 的ajax 函数和HTML5 的HTMLStorage 对象。
方法一：使用JavaScript 定时器这是一种较为简单的实现方式，通过JavaScript 设置一个定时器，每隔一定时间刷新页面。
以下是具体代码示例：```javascriptfunction autoRefresh() {location.reload();}setInterval(autoRefresh, 10000); // 每隔10 秒刷新一次页面```方法二：使用jQuery 的ajax 函数这种方法通过jQuery 的ajax 函数实现异步刷新页面。
在页面加载时，使用ajax 函数请求页面，当收到响应后，使用`location.reload()`刷新页面。
以下是具体代码示例：```javascript$(document).ready(function() {$.ajax({url: location.href,success: function() {location.reload();}});});```方法三：使用HTML5 的HTMLStorage 对象这种方法通过HTML5 的HTMLStorage 对象实现页面刷新。
首先，在页面加载时将当前页面的URL 存储到HTMLStorage 中，然后每隔一定时间，检查URL 是否发生变化。
若发生变化，则执行刷新操作。
以下是具体代码示例：```javascriptfunction checkUrl() {const currentUrl = location.href;const storedUrl = localStorage.getItem("url");if (storedUrl!== currentUrl) {location.reload();localStorage.setItem("url", currentUrl);}}setInterval(checkUrl, 10000); // 每隔10 秒检查一次URL```总结和建议以上三种方法都可以实现自动刷新页面的功能，但具体使用哪种方法取决于实际需求。
JSP Ajax 实现Web页面的局部动态更新
JSP Ajax 实现Web页面的局部动态更新
在浏览网页时，往往因为查看局部信息，而导致整个网页都需要从服务器端重新加载一次。
传统的Web实现方式中，实现类似的效果必须进行整个页面的刷新。
但是借助Ajax技术，可以实现对页面中局部区域的动态刷新，使得用户能够以更好的方式获得最新的数据信息。
本实例演示使用Ajax技术局部动态更新数据。
练习要点：
创建MySQL数据库，名称为test。
数据库中创建表person，表字段信息如表9 -2所示：
创建数据库连接类，打开记事本创建DB.java，代码如下：
现在建立客户端程序。
打开记事本，新建一个名为index5.jsp的页面，代码如
创建一个JSP页面来处理客户端发送的请求，该文件实现删除功能。
打开记事本，新建一个名为index5_server.jsp的文件，代码如下所示：
下面代码判断客户端请求参数，如果不为空，则执行删除操作。
然后从数据库中取出数据，以XML格式返回给客户端。
把本实例部署到Tomcat服务器上后，打开index5.jsp页面，如图9-7所示。
图9-7 局部刷新
单击【删除】，可以看到整个页面并未刷新，只是局部更新。
页面显示如图9-8
所示：
图9-8 删除操作。
jq ajax 案例
jq ajax 案例jq ajax 是一种用于在前端网页中发送异步请求的技术。
它基于JavaScript和HTML，可以实现无需刷新整个页面的数据交互。
下面是一些jq ajax的案例，帮助读者了解和掌握这一技术。
1. 实现简单的数据请求和展示在一个网页中，使用jq ajax发送请求获取后端数据，并将返回的数据展示在页面上。
例如，可以通过发送GET请求获取一个用户列表，然后使用jq将返回的数据渲染到页面上的表格中。
2. 动态加载页面内容使用jq ajax动态加载网页内容，可以减少页面加载时间和流量。
例如，可以通过发送GET请求获取一个文章列表，然后使用jq将返回的数据渲染到页面上的列表中。
当用户点击某个文章时，再使用jq ajax发送请求获取该文章的详细内容，并将内容展示在页面上。
3. 实现表单提交和数据验证使用jq ajax可以实现表单提交和数据验证的功能。
例如，在一个注册页面中，当用户填写完表单后，使用jq ajax发送POST请求将表单数据发送到后端进行验证。
如果验证通过，则返回成功的提示信息；如果验证失败，则返回失败的提示信息，并将错误信息展示在页面上。
4. 实现搜索功能使用jq ajax可以实现搜索功能，即在用户输入关键词后，通过发送GET请求获取相关的搜索结果，并将结果展示在页面上。
例如，在一个电影网站中，用户可以输入电影名称进行搜索，使用jq ajax发送请求获取相关的电影列表，并将列表展示在页面上。
5. 实现无限滚动加载使用jq ajax可以实现无限滚动加载功能，即在用户滚动页面到底部时，自动发送请求获取更多的数据，并将数据追加到页面上。
例如，在一个新闻网站中，当用户滚动到页面底部时，使用jq ajax发送请求获取更多的新闻列表，并将列表追加到页面上。
6. 实现图片上传和预览使用jq ajax可以实现图片上传和预览的功能。
例如，在一个头像上传页面中，用户选择一个图片文件后，使用jq ajax将文件发送到后端进行保存，并返回一个预览图片的URL，然后将预览图片展示在页面上。
ajax原理和实现步骤
ajax原理和实现步骤
Ajax的原理是利用前端的XMLHttpRequest对象与后端的服务
器进行异步通信，实现页面局部的更新。
实现步骤如下：
1. 创建XMLHttpRequest对象：使用`new XMLHttpRequest()`
创建一个新的XMLHttpRequest对象。
2. 设置回调函数：使用`onreadystatechange`属性设置一个回调
函数，在服务器响应发生改变时触发。
3. 打开请求：使用`open()`方法打开与服务器的连接，传入请
求的方法和URL。
4. 发送请求：使用`send()`方法将请求发送给服务器。
5. 监听状态变化：在回调函数中，使用`readyState`属性来判断服务器的响应状态，当`readyState`等于4时表示请求完成。
6. 处理服务器响应：通过`status`属性获取服务器的响应状态码，常见的有200表示成功，404表示未找到。
然后使用
`responseText`或者`responseXML`来获取服务器的响应数据。
7. 更新页面内容：通过获取到的响应数据，可以使用DOM操
作或者innerHTML来更新页面的内容。
以上就是Ajax实现的基本步骤，通过异步通信可以实现无需
刷新整个页面的数据更新。
网页数据实时更新的三种简单方法
console.log(res);
},
complete: function() {
if(opts.init === 1) {
$('.zh-loading').hide();
}
isLoaded = true;
},
error: function() {
console.log('请求失败~');
}
}); } reqs({"init": 1});
登录后才能查看或发表评论立即登录或者逛逛博客园首页
网页数据实时更新的三种简单方法
一、页面自动刷新 ＜meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面. 三、js控制 ＜script language="JavaScript"> function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 ＜/script> 四、Ajax var isLoaded = false; function reqs(opts) {
$.ajax({
type: 'get',
url: 'demo.php',
dataType: &on() {
if(opts.init === 1) {
$('.zh-loading').show();
}
isLoaded = false;
},
success: function(res) {
ajax+jsp局部页面刷新
<tr>
<td vAlign=center align=middle>
<table height=33 cellSpacing=1 cellPadding=0 width=860 align=center border=0>
<tr>
<td vAlign=center >
<font color="red" >${loginmessage } </font><form name="logform" action="/login.do" method="post">
stmt = conn.createStatement(
java.sql.ResultSet.TYPE_SCROLL_INSENSITIVE,
java.sql.ResultSet.CONCUR_READ_ONLY);
rs = stmt.executeQuery(sql);
} catch (SQLException ex) {
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState==4){
show();
setTimeout("validate()",3600);
<td vAlign=center align=middle>
<table height=33 cellSpacing=1 cellPadding=0 width=860 align=center border=0>
<tr>
<td vAlign=center >
<font color="red" >${loginmessage } </font><form name="logform" action="/login.do" method="post">
stmt = conn.createStatement(
java.sql.ResultSet.TYPE_SCROLL_INSENSITIVE,
java.sql.ResultSet.CONCUR_READ_ONLY);
rs = stmt.executeQuery(sql);
} catch (SQLException ex) {
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState==4){
show();
setTimeout("validate()",3600);
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
所有开发环境：Eclipse4.2mySQL5.5Tomcat6.0(先把数据库驱动程序加到tomcat\lib下)建立的数据库中的表dbname=”person” table=”stuscore”表如下：前提先建好数据库person 建表代码：# Host: localhost (Version: 5.5.20)# Date: 2012-10-16 07:04:12# Generator: MySQL-Front 5.2 (Build 3.32)/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;/*!40101 SET NAMES utf8 */;/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE */;/*!40101 SET SQL_MODE='STRICT_TRANS_TABLES,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION' */; /*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES */;/*!40103 SET SQL_NOTES='ON' */;/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS */;/*!40014 SET UNIQUE_CHECKS=0 */;/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS */;/*!40014 SET FOREIGN_KEY_CHECKS=0 */;## Source for table "stuscore"#DROP TABLE IF EXISTS `stuscore`;CREATE TABLE `stuscore` (`Id` int(11) NOT NULL AUTO_INCREMENT,`name` varchar(255) DEFAULT NULL,`grade` varchar(255) DEFAULT NULL,`score` varchar(255) DEFAULT NULL,`state` int(255) DEFAULT NULL,PRIMARY KEY (`Id`)) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;## Data for table "stuscore"#/*!40000 ALTER TABLE `stuscore` DISABLE KEYS */;INSERT INTO `stuscore` VALUES (1,'杜淳','200401','94.50000',1),(2,'马苏','200401','96.70000',1),(3,'李晨','200401','95.40000',1),(4,'立方','200402','89.70000',1);/*!40000 ALTER TABLE `stuscore` ENABLE KEYS */;/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;本次工程结构如下：其中AutoRefresh.jsp的代码如下：<%@page language="java"contentType="text/html; charset=utf-8"pageEncoding="utf-8"%><!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"><title>Insert title here</title><script type="text/javascript">var XMLHttpReq;function createXMLHttpRequest(){if(window.XMLHttpRequest){XMLHttpReq=new XMLHttpRequest();}else if(window.ActiveXObject){try{XMLHttpReq=newActiveXObject("Msxml2.XMLHTTP");}catch(e){try{XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP");}catch(e){}}}}function sendRequest(){createXMLHttpRequest();var url="auto";XMLHttpReq.open("GET",url,true);XMLHttpReq.onreadystatechange=processResponse;XMLHttpReq.send(null);}function processResponse(){if(XMLHttpReq.readyState==4){if(XMLHttpReq.status==200){DisplayHot();setTimeout("sendRequest()",1000);}else{window.alert("您所请求的页面有异常");}}}function DisplayHot(){varnum=XMLHttpReq.responseXML.getElementsByTagName( "num")[0].firstChild.nodeValue;document.getElementById("name").innerHTML="你的新信息数目为";document.getElementById("num").innerHTML=num;}</script></head><body onload=sendRequest()><table style="BORDER-COLLAPSE:collapse" borderColor=#111111cellSpacing=0cellPadding=0width=200 bgColor=#f5efe7border=0><TR><TD align=middle height=4colspan="2"></TD></TR><TR><TD align=middle bgColor=#dbc2b0height=19colspan="2"> <B>消息提示</B></TD></TR><tr><td height="20"id="name"></td></tr><tr><td height="20"id="num"align="center"></td></tr></table></body></html>建立servlet程序：AutoRefreshAction.java代码:package com.cong;import java.io.IOException;import java.io.PrintWriter;import java.sql.Connection;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;//import org.apache.tomcat.dbcp.dbcp.ConnectionFactory;/*** Servlet implementation class AutoRefreshAction*/public class AutoRefreshAction extends HttpServlet { private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public AutoRefreshAction() {super();// TODO Auto-generated constructor stub }/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubresponse.setContentType("text/xml;charset=utf-8");response.setHeader("Cache-Control", "no-cache");PrintWriter out=response.getWriter();out.println("<response>");ConnectionFactory factory=new ConnectionFactory();Connection con=factory.getConnection();Statement st=null;ResultSet rs=null;String strSql=null;strSql="select count(*) from stuscore where state=0 order by id desc";try{st=con.createStatement();rs=st.executeQuery(strSql);if(rs.next()){out.println("<num>"+rs.getString(1)+"</num>");}}catch(SQLException e){e.printStackTrace();}out.println("</response>");out.close();}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stub}}ConnectionFactory.java代码：package com.cong;import java.sql.Connection;import java.sql.DriverManager;public class ConnectionFactory {public final static Stringurl="jdbc:mysql://localhost:3306/person";public final static String user="root";public final static String password="congli"; Connection getConnection(){try{Class.forName("com.mysql.jdbc.Driver");return (Connection) DriverManager.getConnection(url,user,password);}catch(Exception e){e.printStackTrace();}return null;}}Web.xml文件代码：<?xml version="1.0"encoding="UTF-8"?><web-appxmlns:xsi="/2001/XMLSchema-instance" xmlns="/xml/ns/javaee"xmlns:web="/xml/ns/javaee/web-app_2_ 5.xsd"xsi:schemaLocation="/xml/ns/javaee /xml/ns/javaee/web-app_2_5.xsd"id="WebApp_ID"version="2.5"><display-name>ajaxproject</display-name><welcome-file-list><!-- <welcome-file>index.html</welcome-file><welcome-file>index.htm</welcome-file><welcome-file>index.jsp</welcome-file><welcome-file>default.html</welcome-file><welcome-file>default.htm</welcome-file>--><welcome-file>AutoRefresh.jsp</welcome-file></welcome-file-list><servlet><description></description><display-name>AutoRefreshAction</display-name><servlet-name>auto</servlet-name><servlet-class>com.cong.AutoRefreshAction</servlet-class> </servlet><servlet-mapping><servlet-name>auto</servlet-name><url-pattern>/auto</url-pattern></servlet-mapping></web-app>运行结果：然后你在数据库更改state的值变为零，就会看到结果：。