servlet的后台页面跳转和ajax的页面跳转Ajax+Servlet:ajax请求servlet后无法在servlet中进行请求转发和重定向问题的原因

96 阅读 0 评论 64 点赞

我是靠谱客的博主笑点低皮皮虾，最近开发中收集的这篇文章主要介绍servlet的后台页面跳转和ajax的页面跳转Ajax+Servlet:ajax请求servlet后无法在servlet中进行请求转发和重定向问题的原因，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.servlet的页面跳转

Servlet：
当然，在servlet中，一般跳转都发生在doGet, doPost等方法里面。
1) redirect 方式
response.sendRedirect("/a.jsp");
页面的路径是相对路径。sendRedirect可以将页面跳转到任何页面，不一定局限于本web应用中，如：
response.sendRedirect("http://www.jb51.net");
跳转后浏览器地址栏变化。
这种方式要传值出去的话，只能在url中带parameter或者放在session中，无法使用request.setAttribute来传递。
2) forward方式
RequestDispatcher dispatcher = request.getRequestDispatcher("/a.jsp");
dispatcher .forward(request, response);
页面的路径是相对路径。forward方式只能跳转到本web应用中的页面上。
跳转后浏览器地址栏不会变化。
使用这种方式跳转，传值可以使用三种方法：url中带parameter，session，request.setAttribute
JSP：
1) response.sendRedirect();
和servlet的response.sendRedirect()方式一样。
此语句前不允许有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","");
此语句前不允许有out.flush()，如果有，页面不会跳转。
跳转后浏览器地址栏变化

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

Ajax+Servlet:ajax请求servlet后无法在servlet中进行请求转发和重定向问题的原因

在项目中或平时学习中,经常会遇到要使用ajax与servlet进行通信的需求,比如登录或其他的表单提交,最简单的想法是ajax把用户名密码送过来,如果servlet判断正确,则直接在servlet中进行跳转,如果错误,则返回一些信息给ajax,然后ajax再根据错误信息进行相应的显示.
好吧,想法很好,实际上,servlet在判断正确后进行跳转,我们会发现,不管用请求转发( request.getRequestDispatcher())还是重定向(response.sendRedirect()),发现都没有效果,这是为什么呢?
原因其实也不难,主要是servlet拿到的是ajax发送过来的request,也就是说这个请求不是浏览器请求的,而是ajax请求的,所以,servlet对request进行请求转发或重定向都不能影响浏览器的跳转…..也就出现了我们遇到的请求转发和重定向失效的问题.

解决方案是:

不管正确还是错误,都应该返回一个值给ajax,让ajax去跳转或干其他的事.使用ajax本来就是为了局部刷新网页,而不是跳转,是不是?

TeacherLogin返回1，data就为1

$('#btn').click(function(){
if(!$('#manager').validatebox('isValid')){
$('#manager').focus();
}else if(!$('#password').validatebox('isValid')){
$('#password').focus();
}
else{
$.ajax({
url:"TeacherLogin",
type:'post',
data:{
name:$('#manager').val(),
pwd:$('#password').val(),
},
beforeSend:function(){
$.messager.progress({//easui的消息组件
text:'正在登陆中。。。',
});
},
success:function(data,response,status){
if(data=1){
console.log("data="+data);
location.href='homepage.jsp';
}else {
$.messager.alert('登陆失败');
console.log("data2="+data);
}
}
});
}
});