欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2022年05月12日 11:56:36   作者:楊胖胖  
最近在使用Ajax來發(fā)送一些數(shù)據(jù)給后臺(tái)一個(gè)Controller,但是遇到些問題,所以下面這篇文章主要給大家介紹了關(guān)于SpringBoot在有Ajax時(shí)候不跳轉(zhuǎn)問題的解決辦法,需要的朋友可以參考下

問題描述

最近在嘗試使用SpringBoot做一個(gè)后臺(tái)管理系統(tǒng),由于目前還沒有學(xué)會(huì)VUE,所以前端頁(yè)面采用的 thymeleaf+ajax的模式。前兩天在開發(fā)登錄頁(yè)的時(shí)候遇到了一個(gè)問題,登錄之后按照正常流程應(yīng)該是要在控制器里跳轉(zhuǎn)到首頁(yè)的,但是我的登錄頁(yè)死活不跳轉(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)就會(huì)失效
            "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)
    }
})

控制臺(tái)返回的信息

解決方法

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

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

然后再在Ajax的success回調(diào)中調(diào)用這個(gè)控制器,完成跳轉(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的控制器路徑也是沒有問題的,這種情況就想到了會(huì)不會(huì)是Ajax那的問題。為了驗(yàn)證是不是Ajax的問題,在Ajax回調(diào)成功的代碼那里打了個(gè)斷點(diǎn),想看一下后臺(tái)返回來的數(shù)據(jù)到底是個(gè)啥

看到?jīng)],控制器把整個(gè)main.html的頁(yè)面都返回到Ajax里了,也就是說,在使用Ajax的時(shí)候,SpringBoot的控制器并沒有進(jìn)行頁(yè)面渲染,而是把目標(biāo)頁(yè)面結(jié)構(gòu)返回了,能跳轉(zhuǎn)才怪了。

總結(jié)

到此這篇關(guān)于SpringBoot在有Ajax時(shí)候不跳轉(zhuǎn)問題解決的文章就介紹到這了,更多相關(guān)SpringBoot有Ajax不跳轉(zhuǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JAVA中尋找最大的K個(gè)數(shù)解法

    JAVA中尋找最大的K個(gè)數(shù)解法

    尋找最大的K個(gè)數(shù),這個(gè)是面試中比較常見的一道題,網(wǎng)上也有很多例子,在這里是比較傳統(tǒng)的解法
    2014-04-04
  • SpringCloud中的Feign服務(wù)間的調(diào)用詳解

    SpringCloud中的Feign服務(wù)間的調(diào)用詳解

    這篇文章主要介紹了SpringCloud中的Feign服務(wù)間的調(diào)用詳解,Feign 是一個(gè)聲明式的 REST 客戶端,它能讓 REST 調(diào)用更加簡(jiǎn)單,Feign 供了 HTTP 請(qǐng)求的模板,通過編寫簡(jiǎn)單的接口和插入注解,就可以定義好 HTTP 請(qǐng)求的參數(shù)、格式、地址等信息,需要的朋友可以參考下
    2024-01-01
  • jdk在centos中安裝配置圖文教程

    jdk在centos中安裝配置圖文教程

    這篇文章主要介紹了jdk在centos中安裝配置圖文教程,文中給出大家jdk下載地址,需要的朋友可以參考下
    2018-04-04
  • Java判斷字符串中是否包含中文方法

    Java判斷字符串中是否包含中文方法

    這篇文章主要介紹了Java判斷字符串中是否包含中文方法,使用Matcher類解決了這個(gè)問題,需要的朋友可以參考下
    2014-06-06
  • Java基于享元模式實(shí)現(xiàn)五子棋游戲功能實(shí)例詳解

    Java基于享元模式實(shí)現(xiàn)五子棋游戲功能實(shí)例詳解

    這篇文章主要介紹了Java基于享元模式實(shí)現(xiàn)五子棋游戲功能,較為詳細(xì)的分析了享元模式的概念、功能并結(jié)合實(shí)例形式詳細(xì)分析了Java使用享元模式實(shí)現(xiàn)五子棋游戲的具體操作步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2018-05-05
  • bool當(dāng)成函數(shù)參數(shù)錯(cuò)誤理解

    bool當(dāng)成函數(shù)參數(shù)錯(cuò)誤理解

    經(jīng)常會(huì)在函數(shù)的參數(shù)里使用bool參數(shù),這會(huì)大大地降低代碼的可讀性
    2012-11-11
  • SpringBoot JPA 表關(guān)聯(lián)查詢實(shí)例

    SpringBoot JPA 表關(guān)聯(lián)查詢實(shí)例

    本篇文章主要介紹了SpringBoot JPA 表關(guān)聯(lián)查詢實(shí)例,使用JPA原生的findBy語(yǔ)句實(shí)現(xiàn),具有一定的參考價(jià)值,有興趣的可以了解一下。
    2017-04-04
  • JAVA正則表達(dá)式的基本使用教程

    JAVA正則表達(dá)式的基本使用教程

    這篇文章主要給大家介紹了關(guān)于JAVA正則表達(dá)式的基本使用教程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • 在SpringBoot中使用MongoDB完成數(shù)據(jù)存儲(chǔ)

    在SpringBoot中使用MongoDB完成數(shù)據(jù)存儲(chǔ)

    本文主要介紹了在SpringBoot中如惡化使用MongoDB完成數(shù)據(jù)存儲(chǔ),接下來這篇我們將圍繞MongoDB進(jìn)行,MongoDB是一個(gè)開源的,面向文檔的NoSQL數(shù)據(jù)庫(kù)管理系統(tǒng),使用類似JSON的BSON(二進(jìn)制JSON)格式來存儲(chǔ)數(shù)據(jù),具有靈活的數(shù)據(jù)模型和強(qiáng)大的查詢功能,需要的朋友可以參考下
    2023-11-11
  • idea手動(dòng)執(zhí)行maven命令的三種實(shí)現(xiàn)方式

    idea手動(dòng)執(zhí)行maven命令的三種實(shí)現(xiàn)方式

    這篇文章主要介紹了idea手動(dòng)執(zhí)行maven命令的三種實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-08-08

最新評(píng)論