javaweb项目网页自动刷新

心已赠人 2022-03-21 10:44 496阅读 0赞

一、项目结构

效果：

  1. 用ServletRefresh访问网页/refresh
  2. 然后会将请求转发到index.jsp页面
  3. 等待3秒后或者点击链接会自动刷新，跳转到首页home.html
    在这里插入图片描述

二、ServletRefresh.Java

  1. package net.test.servlet;
  3. import javax.servlet.ServletException;
  4. import javax.servlet.annotation.WebServlet;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;
  8. import java.io.IOException;
  10. @WebServlet(name = "ServletRefresh",urlPatterns = "/refresh")
  11. public class ServletRefresh extends HttpServlet {
  12.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  14.     }
  16.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  17.         //3秒后自动跳转或者点击链接跳转首页
  18.         String message="  <meta http-equiv='refresh' content='3;/hello/home.html'>" +
  19.                 "3秒后将自动跳转到首页，如果没有跳转，请点击" +
  20.                 "<a href='/hello/home.html'>跳转链接</a>";
  21.         //设置属性
  22.         request.setAttribute("message",message);
  23.         //请求转发
  24.         request.getRequestDispatcher("/index.jsp").forward(request,response);
  25.     }
  26. }

三、index.jsp

  1. <%--
  2.   Created by IntelliJ IDEA.
  3.   User: Administrator
  4.   Date: 2019/1/29
  5.   Time: 0:02
  6.   To change this template use File | Settings | File Templates.
  7. --%>
  8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  9. <html>
  10.   <head>
  11.     <title>$Title$</title>
  12.   </head>
  13.   <body>
  14.   #获取属性
  15.   <%=request.getAttribute("message")%>
  16.   </body>
  17. </html>

四、home.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>首页</title>
  6. </head>
  7. <body>
  8.     <h3>网站首页</h3>
  9. </body>
  10. </html>

五、部署及运行

在这里插入图片描述
访问/refresh页面
在这里插入图片描述
3秒后或者点击链接，跳转到如下页面

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，496人围观）

还没有评论，来说两句吧...

相关阅读