前言

html ,js 可以实现页面跳转。

jsp , asp, PHP 也有各自页面跳转与重定向的方式。

下文针对js 和jsp 的页面跳转实现方式进行一个总结。

html 页面跳转方式

可以使用html 的meta 标签实现页面的跳转。

[html] view plain copy
  1. <!--Add by oscar999-->
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <HTML>
  4. <HEAD>
  5. <TITLE> New Document </TITLE>
  6. <META NAME="Author" CONTENT="oscar999">
  7. <meta http-equiv="refresh" content="0; URL=http://www.csdn.net">
  8. <script>
  9. </script>
  10. </HEAD>
  11. <BODY>
  12. This is Test Page
  13. </BODY>
  14. </HTML>

这种用法比较常使用在:

新旧系统升级的状况下, 暂时保留旧系统,通过域名进入时自动转到新系统中。

JS 页面跳转方式

1. 使用window.location = "newurl"

[html] view plain copy
  1. <!--Add by oscar999-->
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <HTML>
  4. <HEAD>
  5. <TITLE> New Document </TITLE>
  6. <META NAME="Author" CONTENT="oscar999">
  7. </HEAD>
  8. <BODY>
  9. This is Test Page.
  10. <script>
  11. window.location="http://www.csdn.net";
  12. </script>
  13. </BODY>
  14. </HTML>

也可以使用 window.location.href = "http://www.csdn.net";

2. 使用 window.navigate

[html] view plain copy
  1. <script>
  2. window.navigate("http://www.csdn.net");
  3. </script>

3.  window.loction.replace方式实现页面跳转

<script language="JavaScript">
    window.location.replace("target.aspx");
</script>
有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.Go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。

JSP跳转方式

JSP 跳转方式大约有三种:

1. response.sendRedirect(“newurl”);

-- 此语句前不允许有out.flush(),如果有,会有异常:
Java.lang.IllegalStateException: Can't sendRedirect() after data has committed to the client.
at com.caucho.server.connection.AbstractHttpResponse.sendRedirect(AbstractHttpResponse.java:558)

--跳转后浏览器地址栏变化

--如果要跳到不同主机下,跳转后,此语句后面的语句会继续执行,如同新开了线程,但是对response的操作已经无意义了

如果要跳到相同主机下,此语句后面的语句执行完成后才会跳转;

2. response.setHeader("Location","newurl");

[html] view plain copy
  1. response.setStatus(302);
  2. response.setHeader("location","newurl");

这种使用方式要结合 setStatus(302),  302 这个状态码就是告诉浏览器要重定向了。

  1. 此语句前不允许有out.flush(),如果有,页面不会跳转。
  2. 跳转后浏览器地址栏变化
  3. 此语句后面的语句执行完成后才会跳转


3. <jsp:forward page="newurl" />

此语句前不允许有out.flush(),如果有,会有异常:

跳转后浏览器地址栏不变,但是只能跳到当前主机下

此语句后面的语句执行完成后才会跳转

跳转后得路径变为当前路径,图片不是绝对路径将无法显示

例子:

整个简单的例子:  两个文件 a.jsp 和 b.jsp .

[html] view plain copy
  1. <!-- by oscar999 -->
  2. <!-- This is a.jsp -->
  3. <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
  4. pageEncoding="ISO-8859-1"%>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  6. <html>
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  9. <title>Insert title here</title>
  10. </head>
  11. <body>
  12. Before: This is a.jsp! <br>
  13. <%
  14. //response.sendRedirect("b.jsp");
  15. //response.setStatus(302);
  16. //response.setHeader("location","b.jsp");
  17. %>
  18. <jsp:forward page="b.jsp"/>
  19. After: This is a.jsp!
  20. </body>
  21. </html>

对于jsp 而言, 就需要嚼一嚼Redirect 和 forward 的差别了。

就字面意思而已: Redirect 翻译成重定向, forward翻译成转发。

两者的区别是:

重定向是客户端行为,转发是服务器行为

重定向过程:客户浏览器发送http请求——》web服务器接受后发送302状态码响应及对应新的location给客户浏览器——》客户浏览器发现是302响应,则自动再发送一个新的http请求,请求url是新的location地址——》服务器根据此请求寻找资源并发送给客户。在这里location可以重定向到任意URL,既然是浏览器重新发出了请求,则就没有什么request传递的概念了。在客户浏览器路径栏显示的是其重定向的路径,客户可以观察到地址的变化的。重定向行为是浏览器做了至少两次的访问请求的。

转发过程:客户浏览器发送http请求——》web服务器接受此请求——》调用内部的一个方法在容器内部完成请求处理和转发动作——》将目标资源发送给客户;在这里,转发的路径必须是同一个web容器下的url,其不能转向到其他的web路径上去,中间传递的是自己的容器内的request。在客户浏览器路径栏显示的仍然是其第一次访问的路径,也就是说客户是感觉不到服务器做了转发的。转发行为是浏览器只做了一次访问请求。

类别
概念
共享数据
应用
Redirect
URL重新定向:可以是任意的URL
不能共享request里面的数据
一般用于用户注销登录时返回主页面和跳转到其它的网站等等
Forward
页面的转发:只能是同一个Web应用程序的其他Web组件
转发页面和转发到的页面可以共性request里面的数据
一般用于用户登录的时候根据角色转发到相应的模块等等

有个例子说明两者的区别很生动:

假设你去办理某个执照

重定向:你先去了A局,A局的人说:“这个事情不归我们管,去B局”,然后,你就从A退了出来,自己乘车去了B局。

转发:你先去了A局,A局看了以后,知道这个事情其实应该B局来管,但是他没有把你退回来,而是让你坐一会儿,自己到后面办公室联系了B的人,让他们办好后,送了过来。

redirect重定向相关推荐

  1. struts result type redirect 重定向和转发的区别

    我们在使用struts2进行配置struts.xml的时候,<result>中有个tyep属性用来配置跳转类型 默认不写时tyep="dispatcher",我们可以根 ...

  2. Transfer Execute Redirect重定向方法介绍

    一.Transfer Execute Redirect重定向方法介绍 1.Server.Transfer方法: Server.Transfer("m2.aspx");//页面转向( ...

  3. redirect重定向后https变成了http如何解决

    spring mvc中,可以直接配置,将redirectHttp10Compatible属性设为false.如下: redirectHttp10Compatible:解决https环境下使用redir ...

  4. Redirect 重定向

    Redirect 重定向 1.基本使用: const http = require('http'); //用于创建 服务的 http模块 const fs = require('fs'); //用于读 ...

  5. redirect(重定向)和forward(转发)的区别

    redirect(重定向)地址栏会发生变化,forward(转发)地址栏路径不变; redirect(重定向)可以访问其他站点(服务器)的资源,forward(转发)只能访问当前服务器下的资源; re ...

  6. Spring MVC中redirect重定向3种方式(带参数)

    Spring MVC中做form表单功能提交时,防止用户客户端后退或者刷新时重复提交问题,需要在服务端进行重定向跳转,其中redirect是直接跳转到其他页面,有以下3种方法进行重定向. redire ...

  7. 关于解决SpringBoot中使用redirect重定向后,页面跳转后ulr地址后面出现jsessionid=xxxxxxx的问题

    关于解决SpringBoot中使用redirect重定向后,页面跳转后ulr地址后面出现jsessionid=xxxx的问题 参考链接:https://blog.csdn.net/zshake/art ...

  8. python redirect重定向使用方法

    redirect重定向有如下几种使用方法: 重定向到视图函数路径. 使用url_for函数构建指定函数的URL,操作对象是函数,不是route里的路径,即得到函数的路由地址. 重定向到完整链接. 如下 ...

  9. React Router 升级 v6: Redirect 重定向替代方案

    React Router 升级 v6: Redirect 重定向替代方案 文章目录 React Router 升级 v6: Redirect 重定向替代方案 React Router v6 Redir ...

  10. Response对象||案例:重定向||forward 转发 和  redirect 重定向的 区别||路径写法

    Response对象功能:设置响应消息 1. 设置响应行         1. 格式:HTTP/1.1 200 ok         2. 设置状态码:setStatus(int sc)      2 ...

最新文章

  1. 混沌、无序、变局?探索之中,《拟合》开启
  2. 好文 | “智能经济”时代,协作机器人的应用前景与趋势探讨
  3. CentOS 7 中firewall-cmd命令
  4. tabel表格制作及操作
  5. Centos7 安装Rabbitmq-server和Erlang 仓库汇总
  6. srsLTE源码学习:生成多播信道表gen_mch_tables
  7. Java Integer 对象的比较
  8. CSDN如何修改id号
  9. 搜集-类似Visio绘图软件
  10. 2019最新python下载安装详解
  11. python 循环语句s =2+22+222+2222之和_python算法题
  12. linux 卸载skype,在Ubuntu 20.04系统下使用snap和apt安装Skype的方法
  13. 【业务架构】价值链分析:提高客户价值和盈利能力
  14. 主流量化交易策略:统计套利交易策略
  15. Java web网页版仿QQ实现在线聊天功能系统
  16. android锁死横竖屏,Android 锁定横竖屏
  17. 相机景深什么意思_景深预览按钮在相机上有什么作用?
  18. spring security oauth2 基于 RBAC 的自定义认证
  19. 百度php主动推送每天,百度主动推送(实时)制作 简单3步轻松完成
  20. 微信小程序云多图上传并存储路径到云数据库【二】

热门文章

  1. Idea主菜单不见了(File,View等工具栏隐藏了)
  2. Qt QAxObject操作excel文件过程总结
  3. 一个博士毕业之际写的一些发文章的心得
  4. 加入爱赏商圈 享专属优惠特权
  5. Linux基础命令与知识点
  6. MATLAB - contour函数
  7. PowerJob使用
  8. 推荐5种不错的开源虚拟化技术软件
  9. Roson的Qt之旅 #114 QML Repeater(重复器)
  10. 360浏览器兼容模式下js失效的问题