ajax+servlet实现自动刷新

最新推荐文章于 2017-05-04 22:06:54 发布

UPC_思念

最新推荐文章于 2017-05-04 22:06:54 发布

阅读量4k

点赞数

分类专栏： ajax 文章标签： servlet ajax xmlhttprequest function random string

本文链接：https://blog.csdn.net/zxingchao2009/article/details/5816569

版权

ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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 οnlοad="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.运行效果

UPC_思念

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
ajax+servlet实现自动刷新

1.实现思路在ajax回调函数中用方法setTimeout("load()", 1000)，这样就会每隔1秒自动去请求新的信息，实现自动刷新的功能。2.实例(1)index.jspajax+servlet实现自动刷新页面
复制链接

扫一扫

专栏目录