<JAVA EE>页面跳转

最新推荐文章于 2022-09-21 02:45:00 发布

嬲哥有个小明妃

最新推荐文章于 2022-09-21 02:45:00 发布

阅读量593

点赞数

CC 4.0 BY-SA版权

分类专栏：新手java-web 文章标签： java javascript java ee web

本文链接：https://blog.csdn.net/huahai_nb/article/details/55511067

新手java-web 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了几种常见的网页跳转技术，包括使用HTML元标签实现定时跳转、利用JavaScript进行即时和定时跳转，以及通过JSP请求转发实现页面跳转的方法。这些技术广泛应用于网站导航和用户体验优化中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web页面跳转记录

html：

<head>
    <!-- 以下方式定时转到其他页面 -->
    <!-- content 中的 0 表示刷新时间 -->
    <meta http-equiv="refresh" content="0;url=hello.html"> 
</head>

js:

<script language="javascript" type="text/javascript"> 
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000); 
</script>

jsp

request.getRequestDispatcher("/webpage/message.jsp").forward(request,response);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嬲哥有个小明妃

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JAVA EE企业级开发---SSM整合

2301_77067398的博客

06-19

956

通过Controller（Spring MVC）控制网页，在浏览器端中展示，实现网页的交互，通过Service（Spring）调用Mapper接口（MyBatis）的sql语句方法。

JavaEE基础之Servlet页面之间跳转

qq_44129924的博客

03-08

711

文章目录Servlet页面之间跳转HttpServletRequest对象HttpServletResponse对象 Servlet页面之间跳转说到Servlet跳转，不得不提一下HttpServletRequest和HttpServletResponse接口 Tomcat收到客户端的http请求，会针对每一次请求，分别创建一个代表请求的request对象、和代表响应的response对象 HttpServletRequest对象 HttpServletRequest对象代表客户端的请求，当客户端通

参与评论您还未登录，请先登录后发表或查看评论

javaee笔记（2）包含跳转

二月鸟

05-09

211

1.日期：

servlet之request和response报头处理

SolitudeSky的博客

07-14

557

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

Servlet两种页面跳转

有一种坚持就作不放弃

06-08

184

1) redirect 方式 response.sendRedirect("/a.jsp"); 页面的路径是相对路径。sendRedirect可以将页面跳转到任何页面，不一定局限于本web应用中，如： response.sendRedirect("http://www.ycul.com"); 跳转后浏览器地址栏变化。这种方式要传值出去的话，只能在url中带parameter或者放在sessi...

利用JAVA EE 实现多个页面的跳转

xt4665699的专栏

08-01

2078

文件一 pageEncoding="UTF-8"%> 用户登陆用户名密码

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <title>JSP - Hello Servlet</title> </head> <body> <h1><%= "Hello coolxu!" %> </h1> <br/> <a href="hello-servlet">Hello Servlet</a> </body> </html> 欢迎界面跳转显示404

最新发布

08-13

</think>### JSP欢迎页面跳转404问题解决方案 #### 问题原因分析： 404错误通常由以下原因导致： 1. **Servlet未配置映射**：`<a href="hello-servlet">`中的URL未在web.xml中注册 2. **部署路径错误**：Servlet未...

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html> <html> <head> <title>图书信息展示</title> </head> <body> <h1>图书信息</h1> <table border="1"> <tr> <th>图书名称</th> <th>图书价格</th> <th>图书作者</th> <th>出版社</th> <th>存放数量</th> <th>修改数量</th> <th>删除</th> </tr> <c:forEach var="book" items="${books}"> <tr> <td>${book.title}</td> <td>${book.price}</td> <td>${book.author}</td> <td>${book.publisher}</td> <td>${book.stock}</td> <td> <a href="book?id=${book.id}">修改</a> <a href="delete?id=${book.id}">删除</a> </td> </tr> </c:forEach> </table> <a href="book.jsp">添加图书信息</a> </body> </html>

05-11

代码开始部分使用了JSP的页面指令和JSTL标签库，这让我想到用户可能在使用Java EE技术栈，特别是Servlet和JSP结合JSTL来处理动态内容。接下来是HTML结构，其中包含一个表格，用于展示图书信息。表格的列包括书名、...

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>xx市地理可视化系统</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> <style> body { background-color: #f5f5f5; font-family: 'KaiTi', '楷体', serif; } .login-box { width: 400px; margin: 100px auto; padding: 30px; background: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .title { text-align: center; margin-bottom: 25px; color: #3498db; font-weight: bold; font-size: 24px; } .captcha-box { display: flex; align-items: center; margin: 15px 0; } .captcha { font-size: 18px; letter-spacing: 3px; color: #e74c3c; font-weight: bold; margin-left: 10px; user-select: none; } </style> </head> <body> <div class="login-box"> <div class="title">恩施市地理可视化系统</div> <form id="loginForm"> <div class="mb-3"> <label for="username" class="form-label">用户名</label> <input type="text" class="form-control" id="username" required> <div class="invalid-feedback">用户名不能为纯数字</div> </div> <div class="mb-3"> <label for="password" class="form-label">密码</label> <input type="password" class="form-control" id="password" required> <div class="invalid-feedback">密码长度至少4位</div> </div> <div class="captcha-box"> <input type="text" class="form-control" id="captchaInput" placeholder="输入验证码" required> <div class="captcha" id="captcha"></div> </div> <div class="d-grid gap-2 mt-4"> <button type="submit" class="btn btn-primary"><i class="bi bi-box-arrow-in-right"></i> 登录</button> <button type="button" class="btn btn-outline-secondary" onclick="window.location.href='registration.html'"><i class="bi bi-person-plus"></i> 注册</button> </div> </form> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script> // 生成验证码 function generateCaptcha() { const chars = '0123456789ABCDEFGHJKLMNPQRSTUVWXYZ'; let captcha = ''; for (let i = 0; i < 5; i++) { captcha += chars.charAt(Math.floor(Math.random() * chars.length)); } document.getElementById('captcha').textContent = captcha; return captcha; } let currentCaptcha = generateCaptcha(); document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); // 获取表单数据 const username = document.getElementById('username').value; const password = document.getElementById('password').value; const captchaInput = document.getElementById('captchaInput').value; // 验证用户名不能为纯数字 if (/^\d+$/.test(username)) { alert('用户名不能为纯数字'); return; } // 验证密码长度至少6位 if (password.length < 4) { alert('密码长度至少4位'); return; } // 验证验证码 if (captchaInput !== document.getElementById('captcha').textContent) { alert('验证码错误'); return; } // 显示加载动画 const submitBtn = document.querySelector('button[type="submit"]'); const originalBtnText = submitBtn.innerHTML; submitBtn.disabled = true; submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 登录中...'; // 发送登录请求到json-server fetch('http://localhost:3000/users?username=' + username + '&password=' + password) .then(response => response.json()) .then(data => { if (data.length > 0) { // 登录成功，跳转到主页面并传递用户名 window.location.href = 'main.html?username=' + encodeURIComponent(username); } else { alert('用户名或密码错误'); submitBtn.disabled = false; submitBtn.innerHTML = originalBtnText; } }) .catch(error => { console.error('Error:', error); alert('登录失败，请稍后重试'); submitBtn.disabled = false; submitBtn.innerHTML = originalBtnText; }); }); </script> </body> </html>为什么注册请求成功后不能成功跳转回login.html

06-05

所以，我需要基于服务器端页面跳转的逻辑来回答，并结合引用。关键点是：注册成功后，如何正确跳转到login.html。服务器端跳转通常有两种方式：1.重定向（Redirect）：发送一个302响应，让浏览器重新请求一个新URL。...

j2ee12：jsp01：jsp页面嵌套java代码、<%@ %>的使用

08-12

5. **JSP动作标签**：除了`<%@ %>`，还有 `<jsp:include>`, `<jsp:forward>`, `<jsp:params>` 等JSP动作标签，它们用于处理页面间的跳转、包含和参数传递。 6. **EL（Expression Language）**：EL是JSP 2.0引入的一...

JavaEE中的路径问题：前端代码跳转、请求转发跳转、响应重定向跳转

Mr青青子衿

12-14

1073

目录前端页面跳转：案例：页面跳转的路径总结:请求转发路径请求转发路径总结:响应重定向路径:案例：响应重定向路径总结:路径的使用和记忆建议: 前端页面跳转：案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- base标签的作用是在相对路径之前自动补充base[hre

【JavaEE初阶】前端篇：HTML（下篇）

哎呀是小张啊的博客

09-21

1569

这篇博客主要介绍的是 HTML 的下半部分的内容，主要介绍了：超链接标签、表格标签、列表标签、表单标签、无语义标签，其中还添加了一个小彩蛋，并且列举了两个 HTML 实例 ~~~~~~~~~~~~~

java ee 分页_JAVA与JAVA EE 关于分页的各种骚操作

weixin_39948824的博客

02-16

165

一、分页1、分页概念引入(1)、什么是分页?分页(英语：Paging)，是一种操作系统里存储器管理的一种技术，可以使电脑的主存可以使用存储在辅助存储器中的数据。操作系统会将辅助存储器(通常是磁盘)中的数据分区成固定大小的区块，称为“页”。当不需要时，将分页由主存(通常是内存)移到辅助存储器；当需要时，再将数据取回，加载主存中。相对于分段，分页允许存储器存储于不连续的区块以维持文件系统的整齐。分页...

JavaEE_Servlet的页面跳转和参数的传递

迎难而上

03-29

5699

有关JSP/Servlet的重定向技术综述如下 1.RequestDispatcher.forward() 是在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet or JSP到另外一个Servlet,JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时fo

Java EE实现直接进入登录界面-JS页面跳转（一）

程序员日常记录

03-25

2万+

Java EE实现直接进入登录界面-JS页面跳转（一）引子：后台登录界面，一打开链接，就需要跳转到login.jsp这个界面，进行登录。而我们知道在Java项目中，默认是直接跳转到index.jsp这个界面的。那么怎么样才能直接指定页面跳转到登录界面呢。分析： 1、直接从web.xml中配置，直接跳转到login.jsp登录界面。 2、从index.j

【初学JavaEE】jsp、servlet如何实现页面跳转

oh geez

04-17

2810

第一种：jsp 点击注册按钮跳转到注册页面 <input type="button" value="注册" "window.location.href('register.jsp')"/> 第二种：servlet response.setContentType("text/html; charset=gb2312"); ServletContext sc = getServletCo...

java EE 简单登陆跳转逻辑

qq_43619461的博客

03-16

649

1、登陆页面 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title

JavaEE 使用Servlet实现简单登录页面