ajax+servlet实现自动刷新

zxingchao2005

浏览: 80409 次
性别:
来自: 北京

最近访客更多访客>>

linchers

xuewei97

xinger666

kanpiaoxue

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (83)

社区版块

存档分类

1.实现思路

在ajax回调函数中用方法setTimeout("load()", 1000)，这样就会每隔1秒自动去请求新的信息，实现自动刷新的功能。

2.实例

(1)index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>ajax+servlet实现自动刷新页面</title> <mce:script type="text/javascript"></mce:script> </head> <body onload="load()"> <form> <table> <thead> <tr> <th colspan="2"> </th> </tr> </thead> <tbody> <tr> <td>名称</td> <td id="name"></td> </tr> <tr> <td>数量</td> <td id="number"></td> </tr> </tbody> </table> </form> </body> </html>

(2)GetMp3Info.java(servlet)

import java.io.IOException; import java.io.PrintWriter; import java.util.Random; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class GetMp3Info extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/xml;charset=utf-8"); response.setCharacterEncoding("utf-8"); response.setHeader("Cache-Control","no-cache"); String name[]={"索尼","清华紫光","纽曼","步步高"}; String str=""; str+="<mp3>"; str+="<name>"+name[new Random().nextInt(name.length)]+"</name>"; str+="<number>"+new Random().nextInt(1000)+"</number>"; str+="</mp3>"; System.out.println("str="+str); response.getWriter().write(str); response.getWriter().flush(); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request,response); } }

(3)web.xml

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <servlet> <description>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</display-name> <servlet-name>GetMp3Info</servlet-name> <servlet-class>GetMp3Info</servlet-class> </servlet> <servlet-mapping> <servlet-name>GetMp3Info</servlet-name> <url-pattern>/servlet/GetMp3Info</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

3.运行效果