ajax调用controller后页面无法跳转的问题

最新推荐文章于 2022-04-05 17:07:07 发布

原创最新推荐文章于 2022-04-05 17:07:07 发布 · 1.7w 阅读

18 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ajax #spring mvc

JavaWeb 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了在使用Ajax异步调用Controller时如何正确地实现页面跳转。通常情况下，直接在Controller中返回页面名字符串会导致目标页面源代码被当作返回值。文章提供了在Ajax的success回调函数中使用window.location.href来实现页面跳转的有效方法。

众所周知，当我们使用springmvc+spring+hibernate进行web开发时，在一个controller的方法中，只要返回页面名字的字符串即可实现页面跳转，但是当我们使用ajax异步调用controller的时候，再使用这种方法进行页面跳转就会发现不灵了，甚至希望跳转到的页面的源代码会被当做返回值返回回来，那么这个问题怎么解决呢？

解决方案：

 $.ajax({
                url:'/busasst/map/confirm',          
                data:{datastring:self.datastring},
                //dataType:'string',
                type:'post',
                async : false, //默认为true 异步
                success:function(data){
                    //self.data=data;
                    //self.doData();
                    window.location.href="/busasst/user/linestation";
                    console.log("发送成功")
                },error:function(){
                    console.log("获取错误");
                    return "error";
                }
});

其实ajax在调用controller之后会自动返回到上面代码中的sucess函数位置，因此，若我们直接在controller中进行页面跳转，则目标页面的源代码会被返回到这个success函数里，正确的页面跳转方式应该是在success函数中完成，如上面代码中的：

window.location.href="/busasst/user/linestation";
//这行代码中的href值是另一个controller的名字，通过另一个controller跳转到另一个页面