springboot服務端接收angularJS的$http.post報400問題

遇到這樣一個問題，讓我對http協議又有了深入的理解。

springboot服務器端接受請求代碼以下：

@RequestMapping(value = "/postuser/{id}", method = RequestMethod.POST)
	public String postUserName(@RequestParam(value = "name") String username, @PathVariable String id)
	{
		return "say hello : " + username + " id: " + id;
	}

請求js代碼以下：

function changeEditorContent() {
                //jquery請求
		$.post('/postuser/123123', {
			"name" : $scope.paperID,
			"bbbbb" : "asdfasdf"
		}, {}).success(function(data) {
			console.log(data);
		}).error(function(err) {
			console.log(err);
		});
		//angularjs請求
		$http.post('/postuser/123123', {
			"name" : $scope.paperID,
			"bbbbb" : "asdfasdf"
		}, {}).success(function(data) {
			console.log(data);
		}).error(function(err) {
			console.log(err);
		});
	}

前臺的代碼的差別在於，一個是angularjs提供的http請求方式，另外一個是JQuery 提供的請求方式。

問題在於：用angularjs提供的http請求方式會報400錯誤，而JQuery則不報錯。

搜了一圈發現有一篇文章給出了很好的解答：

http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/

核心的解釋以下：

區別在於jQuery和AngularJS如何序列化和傳輸數據。 從根本上講，問題在於您的服務器語言沒法理解AngularJS的本機傳輸 - 這是一個恥辱，由於AngularJS確定沒有作錯什麼。 默認狀況下，jQuery使用Content-Type：x-www-form-urlencoded和熟悉的foo = bar＆baz = moe序列化來傳輸數據。 然而，AngularJS使用Content-Type：application / json和{「foo」：「bar」，「baz」：「moe」）JSON序列化傳輸數據，可是不幸的是，一些Web服務器語言（特別是PHP）不會原生排序。

angularJS請求的http頭內容以下：

Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate, br
Accept-Language:zh-CN,zh;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Content-Length:29
Content-Type:application/json;charset=UTF-8
Cookie:Idea-d52edc35=1123fe00-418e-4f63-88b1-a6ed52c3152f
Host:localhost:3333
Origin:https://localhost:3333
Pragma:no-cache
Referer:https://localhost:3333/
User-Agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

jQuery 請求的http頭內容以下：

Accept:*/*
Accept-Encoding:gzip, deflate, br
Accept-Language:zh-CN,zh;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Content-Length:21
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:Idea-d52edc35=1123fe00-418e-4f63-88b1-a6ed52c3152f
Host:localhost:3333
Origin:https://localhost:3333
Pragma:no-cache
Referer:https://localhost:3333/
User-Agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36
X-Requested-With:XMLHttpRequest

重點注意Content-Type字段的不一樣致使springboot服務器端沒法接受參數。