今天写了一些页面跳转的东西,发现了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,跳转成功。