快捷導(dǎo)航

關(guān)于SpringBoot在有Ajax時候不跳轉(zhuǎn)的問題解決

更新時間：2022年05月12日 11:56:36 作者：楊胖胖

最近在使用Ajax來發(fā)送一些數(shù)據(jù)給后臺一個Controller,但是遇到些問題,所以下面這篇文章主要給大家介紹了關(guān)于SpringBoot在有Ajax時候不跳轉(zhuǎn)問題的解決辦法,需要的朋友可以參考下

問題描述

最近在嘗試使用SpringBoot做一個后臺管理系統(tǒng)，由于目前還沒有學(xué)會VUE，所以前端頁面采用的 thymeleaf+ajax的模式。前兩天在開發(fā)登錄頁的時候遇到了一個問題，登錄之后按照正常流程應(yīng)該是要在控制器里跳轉(zhuǎn)到首頁的，但是我的登錄頁死活不跳轉(zhuǎn)。控制器的邏輯也是沒有問題的

@Controller
class LoginController {
    @Resource
    lateinit var adminService: AdminService
    @RequestMapping("/login",method = [RequestMethod.POST])
    fun login(@RequestParam name:String,@RequestParam password:String):String?{
        val admin=adminService.login(name,password)
        return if (admin==null){
            ""
        }else{
        //一般情況下是可以直接渲染到main.html的，但是添加了Ajax之后跳轉(zhuǎn)就會失效
            "main"
        }
    }
}

Ajax里邊的邏輯

$.ajax({
    method: 'POST',
    url: 'http://localhost:8080/login',
    data: {
        name: $('[name="username"]').val(),
        password: $('[name="password"]').val()
    },
    success:function (r) {
        console.log(r)
    },
    error:function (result) {
        alert(result)
    }
})

控制臺返回的信息

解決方法

這里先給出解決方法，至于原因會在最后說明。解決方法就是在控制器中新增一個mainPage方法，對應(yīng)到main.html。

@RequestMapping("/main")
fun mainPage():String{
    return "main"
}

然后再在Ajax的success回調(diào)中調(diào)用這個控制器，完成跳轉(zhuǎn)。

success:function (r) {
    window.location.href="http://localhost:8080/main" rel="external nofollow" 
},

原因梳理

一開始以為是控制器寫的有問題，然后就各種修改控制器的配置，最后發(fā)現(xiàn)無論怎么修改都沒有效果，并且發(fā)現(xiàn)如果在瀏覽器中直接調(diào)用main.html的控制器路徑也是沒有問題的，這種情況就想到了會不會是Ajax那的問題。為了驗證是不是Ajax的問題，在Ajax回調(diào)成功的代碼那里打了個斷點，想看一下后臺返回來的數(shù)據(jù)到底是個啥