JSP--从一个jsp页面通过按钮跳转到另一个jsp页面

最新推荐文章于 2024-08-01 14:13:09 发布

杨小冥

最新推荐文章于 2024-08-01 14:13:09 发布

阅读量3.4w

点赞数 14

分类专栏： JavaWeb 文章标签： jsp

本文链接：https://blog.csdn.net/yxmoar/article/details/109675710

版权

JavaWeb 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

本文展示了如何使用JavaScript在JSP页面中实现按钮点击事件触发页面跳转。在index.jsp中，通过设置按钮的onclick属性，当用户点击'注册VIP'按钮时，页面将重定向至register.jsp进行注册操作。register.jsp为一个包含注册表单的页面。

摘要由CSDN通过智能技术生成

JSP按钮跳转页面的方法

一句代码实现jsp页面跳转！

在初始的index.jsp页面中，给按钮添加一个点击事件（onclick）

οnclick="window.location.href=‘register.jsp’;"

通过单引号引住的部分是我们要跳转到的那个jsp页面

<%--
  Created by IntelliJ IDEA.
  User: 杨小冥
  Date: 2020/11/11
  Time: 18:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
    <form action="/login" method="post">
      账号<input type="text" name="username"/><br>
      密码<input type="password" name="password"/><br>
      <input type="submit" value="登录"/>
    </form>
    <input type="button" onclick="window.location.href='register.jsp';" value="注册VIP">
  </body>
</html>

在这里插入图片描述
还有一个注册页面（register.jsp）

<%--
  Created by IntelliJ IDEA.
  User: 杨小冥
  Date: 2020/11/11
  Time: 18:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>register</title>
</head>
<body>
    <h1>欢迎注册xxxVIP</h1>
    <form action="/toregister" method="post">
        账号<input type="text" name="username"/><br>
        密码<input type="password" name="password"/><br>
        <input type="submit" value="注册"/>
    </form>
</body>
</html>