页面跳转与重定向(之一)

来源：互联网发布：下载会声会影软件编辑：程序博客网时间：2024/06/05 01:52

前言

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

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

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

html 页面跳转方式

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

[html] view plaincopyprint?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document</TITLE>
<METANAME="Author"CONTENT="oscar999">
<metahttp-equiv="refresh"content="0; URL=http://www.csdn.net">
<script>
</script>
</HEAD>
<BODY>
This is Test Page
</BODY>
</HTML>

<!--Add by oscar999--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Author" CONTENT="oscar999"><meta http-equiv="refresh" content="0; URL=http://www.csdn.net"><script></script></HEAD><BODY>This is Test Page</BODY></HTML>

这种用法比较常使用在：

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

JS 页面跳转方式

1. 使用window.location = "newurl"

[html] view plaincopyprint?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document</TITLE>
<METANAME="Author"CONTENT="oscar999">
</HEAD>
<BODY>
This is Test Page.
<script>
window.location="http://www.csdn.net";
</script>
</BODY>
</HTML>

<!--Add by oscar999--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Author" CONTENT="oscar999"></HEAD><BODY>This is Test Page.<script>window.location="http://www.csdn.net";</script></BODY></HTML>

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

2. 使用 window.navigate

[html] view plaincopyprint?

<script>
window.navigate("http://www.csdn.net");
</script>

<script>window.navigate("http://www.csdn.net");</script>

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

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 plaincopyprint?

response.setStatus(302);
response.setHeader("location","newurl");

    response.setStatus(302);    response.setHeader("location","newurl");

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

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

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

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

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

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

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

例子：

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

[html] view plaincopyprint?

<%@ page language="java"contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
Before: This is a.jsp! <br>
<%
//response.sendRedirect("b.jsp");
//response.setStatus(302);
//response.setHeader("location","b.jsp");
%>
<jsp:forwardpage="b.jsp"/>
After: This is a.jsp!
</body>
</html>

<!-- by oscar999 --><!-- This is a.jsp --><%@ page language="java" contentType="text/html; charset=ISO-8859-1"    pageEncoding="ISO-8859-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=ISO-8859-1"><title>Insert title here</title></head><body>Before: This is a.jsp! <br><%    //response.sendRedirect("b.jsp");    //response.setStatus(302);    //response.setHeader("location","b.jsp");%><jsp:forward page="b.jsp"/>After: This is a.jsp!</body></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的人，让他们办好后，送了过来。

转载来自：http://blog.csdn.net/oscar999/article/details/19039355

0 0