Latest web development tutorials

Servlet 自動刷新頁面

假設有一個網頁,它是顯示現場比賽成績或股票市場狀況或貨幣兌換率。 對於所有這些類型的頁面,您需要定期刷新網頁。

Java Servlet 提供了一個機制,使得網頁會在給定的時間間隔自動刷新。

刷新網頁的最簡單的方式是使用響應對象的方法setIntHeader() 。 以下是這種方法的定義:

public void setIntHeader(String header, int headerValue)

此方法把頭信息"Refresh" 連同一個表示時間間隔的整數值(以秒為單位)發送回瀏覽器。

自動刷新頁面實例

本實例演示了Servlet如何使用setIntHeader()方法來設置Refresh頭信息,從而實現自動刷新頁面。

package com.w3big.test;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Calendar;

import java.util.GregorianCalendar;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class Refresh
 */
@WebServlet("/Refresh")
public class Refresh extends HttpServlet {
	private static final long serialVersionUID = 1L;
   
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		// 设置刷新自动加载的事件间隔为 5 秒
		response.setIntHeader("Refresh", 5);
	 
		// 设置响应内容类型
		response.setContentType("text/html;charset=UTF-8");
	 
		// 获取当前的时间
		Calendar calendar = new GregorianCalendar();
		String am_pm;
		int hour = calendar.get(Calendar.HOUR);
		int minute = calendar.get(Calendar.MINUTE);
		int second = calendar.get(Calendar.SECOND);
		if(calendar.get(Calendar.AM_PM) == 0)
			am_pm = "AM";
		else
			am_pm = "PM";
	 
		String CT = hour+":"+ minute +":"+ second +" "+ am_pm;
	    
		PrintWriter out = response.getWriter();
		String title = "使用 Servlet 自动刷新页面";
		String docType = "<!DOCTYPE html> \n";
		out.println(docType +
	        "<html>\n" +
	        "<head><title>" + title + "</title></head>\n"+
	        "<body bgcolor=\"#f0f0f0\">\n" +
	        "<h1 align=\"center\">" + title + "</h1>\n" +
	        "<p>当前时间是:" + CT + "</p>\n");
	}

}

現在讓我們來編譯上面的Servlet,並在web.xml 文件中創建以下條目:

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
  <servlet>
    <servlet-name>Refresh</servlet-name>
    <servlet-class>com.w3big.test.Refresh</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Refresh</servlet-name>
    <url-pattern>/TomcatTest/Refresh</url-pattern>
  </servlet-mapping>
</web-app>

現在通過訪問http://localhost:8080/TomcatTest/Refresh 來調用這個Servlet。 這將會每隔5 秒鐘顯示一次當前系統時間。 運行該Servlet,並等待查看結果:

使用Servlet 自動刷新頁面

當前時間是:9:44:50 PM