如何实现jsp本页面跳转

如何实现Jsp本页面的跳转?这是Java初学者容易发出的一个疑问,Jsp的全称为Java Servlet Pages,可以说这本质上还是java的Servlet。只不过结合了网页Html。
Jsp既能使用自带的跳转方式也可使用Javascript进行跳转页面。
下面主要我会用到四种方式来实现页面的跳转,其中两种方式还存在不同的实现方法。

操作方法

  • 01

    Jsp页面跳转的第一种方式:提交表单 代码如下: <!--第一种跳转方式:提交表单--> <form name="form" method="post" action="page2.jsp"> <input type="submit" value="跳转1"> </form> 如图:

  • 02

    Jsp页面跳转的第二种方式:Javascript实现 代码如下: js部分: <script type="text/javascript"> function next(){ window.location = "page2.jsp"; } </script> html部分: <!--第二种跳转方式:通过js--> <input type="button" value="跳转2" onclick="next()"> 如图:

  • 03

    Jsp页面跳转的第三种方式:转发 转发分两种方法: 1.jsp自带的forword标签来实现跳转 代码如下: <jsp:forward page="page2.jsp" /> 如图:

  • 04

    2.jsp中写java代码实现跳转 代码如下: <% request.getRequestDispatcher("page2.jsp").forward(request, response);%> 如图:

  • 05

    Jsp页面跳转的第四种方式:重定向 重定向分两种方法: 1.response.sendRedirect()实现 代码如下: <!--第四种跳转方式:重定向--> <% //1. response.sendRedirect("page2.jsp"); %>

  • 06

    2.response.setHeader()实现 代码如下: <!--第四种跳转方式:重定向--> <% //2. response.setHeader("Refresh", "1;url=page2.jsp"); %>

  • 07

    这四种方式的所有代码整理如下: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>页面一</title> <script type="text/javascript"> function next(){ window.location = "page2.jsp"; } </script> </head> <body> <!--第一种跳转方式:提交表单--> <form name="form" method="post" action="page2.jsp"> <input type="submit" value="跳转1"> </form> <!--第二种跳转方式:通过js--> <input type="button" value="跳转2" onclick="next()"> <!--第三种跳转方式:转发--> <%--<jsp:forward page="page2.jsp" />--%> <% // request.getRequestDispatcher("page2.jsp").forward(request, response);%> <!--第四种跳转方式:重定向--> <%  //1. response.sendRedirect("page2.jsp"); //2. response.setHeader("Refresh", "1;url=page2.jsp"); %> </body> </html> 如图:

(0)

相关推荐

  • jsp页面跳转标签 forward标签详解

    jsp页面跳转标签 forward标签详解 操作方法 01 1.新建两个JSP页面 02 2.在a.jsp页面中输入如下代码: 03 3.在b.jsp页面中输入如下代码 04 4.访问a.jsp页面, ...

  • JSP页面跳转的五种方法

    JSP页面跳转的方法是什么?这是很多很多朋友们都不太了解的,下面就让我来为大家介绍一下.这些是我平时总结出来的,希望能够对大家有所帮助. 操作方法 01 RequestDispatcher.forwa ...

  • 微交互:移动端APP页面跳转方式分析

    微交互这个概念我们经常提及,是指以反映系统状态或者帮助用户防错的方式给予用户反馈.因此页面跳转方式也属于微交互的范畴.开始正文之前,请大家站在开发的角度,先了解一个基础概念:移动端开发目前会有两种常用 ...

  • Javascript实现页面跳转的几种方式

    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标 ...

  • 【平面设计必备】ih5中的页面跳转和链接

    用ih5制作HTML5过程中,我们经常需要页面跳转或者网页载入,增加HTML5的互动性.于是乎制作页面跳转和链接成为了许多平面设计师的首选.今天,变幻的不等式就跟各位迷友们聊聊,如何在ih5中制作页面 ...

  • js页面跳转a标签和input标签的转换

    js页面跳转a标签和input标签的转换 操作方法 01 1.通常页面间的链接都是 html 的a标记超链接,例如 02 2.它在页面中展示的就是一个普通的html 超链接的方式,点击它就跳转到对应的 ...

  • 怎么运行一个简单的jsp项目页面呢?

    怎么在javaee项目中运行一个简单的jsp项目页面呢? 操作方法 01 打开eclipse,点击file new一个动网项目如图: 02 输入你的项目名称后,单击next,勾选如图所示选框: 03 ...

  • 怎样在android中设置点击按钮实现页面跳转

    对于android软件开发初级学习者来说,简单的页面跳转是必学的,下面介绍一点实现页面跳转的方法. 步骤/方法 01 打开android开发软件eclipse. 02 启动中. 03 点击finish ...

  • QQ浏览器页面跳转不了,打不开

    qq浏览器页面跳转不了,上面的蓝色loading条一直完成不了,打不开,情况如图.那么有可能是APN不合适,下面是其中一种解决办法. 操作方法 01 打开系统设置,点击更多. 02 然后点击移动网络, ...