在Spring Security中使用AJAX向後臺傳送資料

阿新 • • 發佈：2019-01-18

工作中遇到的問題，這裡記錄下，也希望能夠幫助同學們少走彎路

為了快速幫助快速解決問題，我決定首先呈現問題的表現，再進行分析

環境：spring 4.2.3

spring security 4.1.3

表現：

2016-10-26 22:44:02 [http-apr-9080-exec-10] DEBUG org.springframework.security.web.csrf.CsrfFilter - Invalid CSRF token found for XXX
2016-10-26 22:44:02 [http-apr-9080-exec-10] DEBUG org.springframework.security.web.header.writers.HstsHeaderWriter - Not injecting HSTS header since it did not match the requestMatcher org.springframework.se

[email protected]c3339ef
2016-10-26 22:44:02 [http-apr-9080-exec-10] DEBUG org.springframework.security.web.context.SecurityContextPersistenceFilter - SecurityContextHolder now cleared, as request processing completed

前臺使用AJAX向後臺傳輸資料時候控制檯報出上述錯誤，再未整合Spring Security時不會出現此現象

解決方法：

如果前端使用的JSP

可以在前端頁面的<head>標籤中增加兩個<meta>標籤

如下

<html>
<head>
	<meta name="_csrf" content="${_csrf.token}"/>
	<!-- default header name is X-CSRF-TOKEN -->
	<meta name="_csrf_header" content="${_csrf.headerName}"/>
	<!-- ... -->
</head>

如果前端使用的是Thymeleaf分兩種情況

1.前端無form表單,也要再頭部增加兩個meta標籤，形式為

<html> 

<head>
	<meta name="_csrf" th:content="${_csrf.token}" content=""/>
	<!-- default header name is X-CSRF-TOKEN -->
	<meta name="_csrf_header" th:content="${_csrf.headerName}" content=""/>
	<!-- ... -->
</head>

2.前端有form表單

Spring Security為Thymeleaf中的表單中自動新增一個<input type="hidden" name = "_csrf" value="xxxxxxxxxx"> (xxxx為crrf.token)

新增完meta之後不妨執行下，在頁面程式碼中搜索_csrf，可以看看附近程式碼的樣子，應該就會明白了

這樣在使用AJAX時，需要增加一個頭部

var token = $("meta[name='_csrf']").attr("content");
var header = $("meta[name='_csrf_header']").attr("content");

 $.ajax({  
                   type: "POST",  
                   url: "myposturl",  
                   data: entID, 
                   contentType:"application/json; charset=utf-8",
                   headers : {header:token},
                   async:false,
                   success:function(data){  
       //do something
                   },
                   error: function () {
                //deal width error    
                   }
            });

實際上，這裡的header使用為值"X-CSRF-TOKEN" 這樣就可以成功向後臺請求了

在Spring Security中使用AJAX向後臺傳送資料

在Spring Security中使用AJAX向後臺傳送資料

Django中使用ajax post向後臺傳送資料時403 Forbidden (CSRF token missing or incorrect.):的解決辦法

在使用ajax向後臺傳送json資料，存在格式不正確的問題

使用AJAX向後臺傳資料，為什麼會進入error？

Modal模態框使用ajax向後臺傳資料和檔案之modal複用

通過ajax向後臺傳資料後臺處理完後返回資料給ajax 提示找不到物件

js向後臺傳送資料的中文亂碼問題

bootstrap-table（三）向後臺傳送資料（post請求）接收不到

AJAX向後臺傳遞資料（包括陣列）的方法

jsp用ajax向後臺傳資料的格式

解決AJAX向後臺傳送HMTL程式碼失敗的問題

JSP 頁面用 Ajax 向後臺傳資料中文亂碼

JS中如何防止AJAX命令重複載入（執行一次，自動向後臺傳送兩次以上的請求）

使用jq+ajax向後臺提交select input中的資料

js如何向陣列中新增物件並通過ajax向後臺傳遞list資料

幾種常用的ajax配合json資料格式向後臺傳送請求以及後臺如何接收資料

AJAX中的利用POST傳送資料

使用ajax接收後臺傳送過來的json資料

OkhttpUtils向後臺傳送Json資料

使用jquery validate和ajax進行表單驗證並向後臺提交資料

在Spring Security中使用AJAX向後臺傳送資料

相關推薦