使用Ajax时Controller可以代码执行但无法跳转页面_controller可以访问但是界面运行不了-优快云博客

本文探讨了使用Ajax进行页面跳转时遇到的问题，详细解释了为何Ajax无法直接实现页面跳转，并分享了一种替代方案，即利用window.location.href进行跳转，最终成功解决了页面跳转的困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天写了一些页面跳转的东西，发现了Ajax的一些问题。

本来我使用Ajax来发送一些数据给后台一个Controller，而该Controller返回的是一个页面，但是一直无法返回页面，而除了页面Controller里的其他代码都执行了，，但是就是页面无法跳转。代码如下，输出的数据都存在，也都执行了，就最后的return返回页面无法跳转，也没有报错。

 function toDetail(id) {
     $.ajax({
         url: "/system/student/detail?id=" + id,
		 method: "get",
		 success: function (data) {
             alert(data);
		     window.location.href="/system/student/detail?id=" + id;
         }
	 })

@GetMapping("/detail")
    public String classStudents(@RequestParam("id") Integer classId, ModelMap map) {
        //传入该id对应的班级的信息
        Clazz clazz = clazzService.selectClazzById(classId);
        map.addAttribute("clazz", clazz);
        System.out.println("班级id为： " + classId);
        System.out.println("clazz: " + clazz);
        return "/detail";
    }

后面上网搜了一下，发现是因为使用Ajax来跳转的时候，会把返回的所有东西都用Ajax的success来处理。也会把返回的页面也当成数据来处理，如果想要跳转就必须在Ajax的success里来定义跳转的路径，这时候才是使用Ajax时真正的跳转，但是因为对Ajax了解不多，导致了这个问题。

最后我用window.location.href = "/system/student/detail?id=" + id;代替了Ajax，跳转成功。