欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于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;

				}
			})