SpringBoot踩坑記(HTTP 400 錯誤)

HTTP 400 錯誤前端

復現錯誤

ajax請求後臺數據時有時會報 HTTP 400 錯誤 - 請求無效 (Bad request);出現這個請求無效報錯說明請求沒有進入到後臺服務裏;
緣由:
1)前端提交數據的字段名稱或者是字段類型和後臺的實體類不一致,致使沒法封裝;
2)前端提交的到後臺的數據應該是json字符串類型,而前端沒有將對象轉化爲字符串類型;java

錯誤代碼

$.ajax({
        type: "POST",
        url: "news/newsAdd",
        data: data,
        dataType:'json',
        contentType:"application/json",
        success: function(data, textStatus, jqXHR) {
            console.log(data)
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            if (textStatus && textStatus == "timeout") {
                confirm("網絡超時,請重試!");
            } 
        }
    }
);

 

緣由:直接將json做爲參數傳入

參考  spring @RequestParam, @RequestBody Map注入注意事項web

  • @RequestBody須要把全部請求參數做爲json解析,所以,不能包含key=value這樣的寫法在請求url中,全部的請求參數都是一個json
  • 直接經過瀏覽器輸入url時,@RequestBody獲取不到json對象,須要用java編程或者基於ajax的方法請求,將Content-Type設置爲application/json
  • @RequestParam參數中包含Map時,不要再寫其餘參數了,不然,map都會包含進去。

更正代碼

$.ajax({
        type: "POST",
        url: "news/newsAdd",
        data: JSON.stringify(data),
        dataType:'json',
        contentType:"application/json",
        success: function(data, textStatus, jqXHR) {
            console.log(data)
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            if (textStatus && textStatus == "timeout") {
                confirm("網絡超時,請重試!");
            } 
        }
    }
);

 

參考:JSON.stringify()的用法

@RequestBody的使用

 

 

good luck!ajax

 

 


連接:https://juejin.im/post/5cd0ea2f6fb9a032076c1ca5spring

相關文章
相關標籤/搜索