关于ajax请求实现跳转页面问题
程序员文章站
2024-02-29 18:31:28
...
ajax请求不能再服务端进行重定向
问题描述:
前端页面发送ajax请求,后台业务逻辑进行页面重定向跳转,虽然前端会返回重定向页面的数据包,但是前端页面不会进行跳转;
错误代码:
info.setFlag(true);
HttpSession session = request.getSession();
session.setAttribute("user",u);
//跳转页面,错误写法
//为什么在静态页面跳转?
response.setContentType("text/html;charset=utf-8");
response.sendRedirect(request.getContextPath()+"/index.html");
System.out.println("servlet跳转");
错误分析 ajax 请求是局部刷新,如果请求被拦截并重定向,前端是不会进行页面跳转的,状态码是302,但是页面数据确实返回了,这里需要自己 通过JS去判断出现了重定向,然后通过JS进行页面跳转,也一样可以完成重定向的功能。
正确写法:
//后端,去掉重定向
info.setFlag(true);
HttpSession session = request.getSession();
session.setAttribute("user",u);
前端
$("#btn_sub").click(function () {
$.post("user/login",$(loginForm).serialize(),function (data) {
if(data.flag){
//登录成功
//页面跳转
location.href="index.html";
}else{
//登录失败
$("#errorMsg").html(data.errorMsg);
return false;
}
})