SpringMVC和JSon結合實現jsp和服務端物件的相互傳遞（寫的很好，有例項）
阿新 • • 發佈：2019-01-06
轉自：http://snowolf.iteye.com/blog/1628861
SpringMVC層跟JSon結合，幾乎不需要做什麼配置，程式碼實現也相當簡潔。再也不用為了組裝協議而勞煩辛苦了！
一、Spring註解@ResponseBody，@RequestBody和HttpMessageConverter
Spring 3.X系列增加了新註解@ResponseBody，@RequestBody
HttpMessageConverter介面，需要開啟<mvc:annotation-driven />。
AnnotationMethodHandlerAdapter將會初始化7個轉換器，可以通過呼叫AnnotationMethodHandlerAdapter的getMessageConverts()方法來獲取轉換器的一個集合 List<HttpMessageConverter>
引用
ByteArrayHttpMessageConverter
StringHttpMessageConverter
ResourceHttpMessageConverter
SourceHttpMessageConverter
XmlAwareFormHttpMessageConverter
Jaxb2RootElementHttpMessageConverter
MappingJacksonHttpMessageConverter
可以理解為，只要有對應協議的解析器，你就可以通過幾行配置，幾個註解完成協議——物件的轉換工作！
PS:Spring預設的json協議解析由Jackson完成。
二、servlet.xml配置
Spring的配置檔案，簡潔到了極致，對於當前這個需求只需要三行核心配置：
Xml程式碼 [url=]
[/url]
三、pom.xml配置
閒言少敘，先說依賴配置，這裡以Json+Spring為參考：
pom.xml
Xml程式碼 [url=][/url]
主要需要spring-webmvc、jackson-mapper-asl兩個包，其餘依賴包Maven會幫你完成。至於log4j，我還是需要看日誌嘛。
包依賴圖：
至於版本，看專案需要吧！
四、程式碼實現
域物件：
Java程式碼 [url=][/url]
這裡需要一個空構造，由Spring轉換物件時，進行初始化。
@ResponseBody，@RequestBody，@PathVariable
控制器：
Java程式碼 [url=][/url]
備註：@RequestMapping(value = "/person/profile/{id}/{name}/{status}", method = RequestMethod.GET)中的{id}/{name}/{status}與@PathVariable int id, @PathVariable String name,@PathVariable boolean status一一對應，按名匹配。
這是restful式風格。
如果對映名稱有所不一，可以參考如下方式：
Java程式碼 [url=][/url]
做個頁面測試下：
JS
Js程式碼 [url=][/url]
Table
Html程式碼 [url=][/url]
四、簡單測試
Get方式測試：
Post方式測試：
五、常見錯誤
POST操作時，我用$.post()方式，屢次失敗，一直報各種異常：
引用
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
直接用$.post()直接請求會有點小問題，儘管我標識為json協議，但實際上提交的ContentType還是application/x-www-form-urlencoded。需要使用$.ajaxSetup()標示下ContentType。
Js程式碼 [url=][/url]
SpringMVC層跟JSon結合，幾乎不需要做什麼配置，程式碼實現也相當簡潔。再也不用為了組裝協議而勞煩辛苦了！
一、Spring註解@ResponseBody，@RequestBody和HttpMessageConverter
Spring 3.X系列增加了新註解@ResponseBody，@RequestBody
- @RequestBody 將HTTP請求正文轉換為適合的HttpMessageConverter物件。
- @ResponseBody 將內容或物件作為 HTTP 響應正文返回，並呼叫適合HttpMessageConverter的Adapter轉換物件，寫入輸出流。
HttpMessageConverter介面，需要開啟<mvc:annotation-driven />。
AnnotationMethodHandlerAdapter將會初始化7個轉換器，可以通過呼叫AnnotationMethodHandlerAdapter的getMessageConverts()方法來獲取轉換器的一個集合 List<HttpMessageConverter>
引用
ByteArrayHttpMessageConverter
StringHttpMessageConverter
ResourceHttpMessageConverter
SourceHttpMessageConverter
XmlAwareFormHttpMessageConverter
Jaxb2RootElementHttpMessageConverter
MappingJacksonHttpMessageConverter
可以理解為，只要有對應協議的解析器，你就可以通過幾行配置，幾個註解完成協議——物件的轉換工作！
PS:Spring預設的json協議解析由Jackson完成。
二、servlet.xml配置
Spring的配置檔案，簡潔到了極致，對於當前這個需求只需要三行核心配置：
Xml程式碼 [url=]
[/url]-
<context:component-scan
base-package="org.zlex.json.controller"
/> -
<context:annotation-config
/> -
<mvc:annotation-driven
/>
三、pom.xml配置
閒言少敘，先說依賴配置，這裡以Json+Spring為參考：
pom.xml
Xml程式碼 [url=]
[/url]-
<dependency>
-
<groupId>org.springframework</groupId>
-
<artifactId>spring-webmvc</artifactId>
-
<version>3.1.2.RELEASE</version>
-
<type>jar</type>
-
<scope>compile</scope>
-
</dependency>
-
<dependency>
-
<groupId>org.codehaus.jackson</groupId>
-
<artifactId>jackson-mapper-asl</artifactId>
-
<version>1.9.8</version>
-
<type>jar</type>
-
<scope>compile</scope>
-
</dependency>
-
<dependency>
-
<groupId>log4j</groupId>
-
<artifactId>log4j</artifactId>
-
<version>1.2.17</version>
-
<scope>compile</scope>
-
</dependency>
主要需要spring-webmvc、jackson-mapper-asl兩個包，其餘依賴包Maven會幫你完成。至於log4j，我還是需要看日誌嘛。
包依賴圖：
至於版本，看專案需要吧！
四、程式碼實現
域物件：
Java程式碼 [url=]
[/url]-
public
class Person implements Serializable { -
private
int id; - private String name;
-
private
boolean status; - public Person() {
-
// do nothing
- }
- }
這裡需要一個空構造，由Spring轉換物件時，進行初始化。
@ResponseBody，@RequestBody，@PathVariable
控制器：
Java程式碼 [url=]
[/url]-
@Controller
-
public
class PersonController { - /**
- * 查詢個人資訊
- *
- * @param id
-
*/
- @RequestMapping(value = "/person/profile/{id}/{name}/{status}", method = RequestMethod.GET)
-
public
@ResponseBody -
Person porfile(@PathVariable
int id, @PathVariable String name, -
@PathVariable
boolean status) { -
return
new Person(id, name, status); - }
- /**
- * 登入
- *
- * @param person
-
*/
- @RequestMapping(value = "/person/login", method = RequestMethod.POST)
-
public
@ResponseBody - Person login(@RequestBody Person person) {
- return person;
- }
- }
備註：@RequestMapping(value = "/person/profile/{id}/{name}/{status}", method = RequestMethod.GET)中的{id}/{name}/{status}與@PathVariable int id, @PathVariable String name,@PathVariable boolean status一一對應，按名匹配。
這是restful式風格。如果對映名稱有所不一，可以參考如下方式：
Java程式碼 [url=]
[/url]- @RequestMapping(value = "/person/profile/{id}", method = RequestMethod.GET)
-
public
@ResponseBody - Person porfile(@PathVariable("id") int uid) {
-
return
new Person(uid, name, status); - }
-
GET模式下，這裡使用了@PathVariable繫結輸入引數，非常適合Restful風格。因為隱藏了引數與路徑的關係，可以提升網站的安全性，靜態化頁面，降低惡意攻擊風險。
- POST模式下，使用@RequestBody繫結請求物件，Spring會幫你進行協議轉換，將Json、Xml協議轉換成你需要的物件。
- @ResponseBody可以標註任何物件，由Srping完成物件——協議的轉換。
做個頁面測試下：
JS
Js程式碼 [url=]
[/url]- $(document).ready(function() {
- $("#profile").click(function() {
- profile();
- });
- $("#login").click(function() {
- login();
- });
- });
- function profile() {
- var url = 'http://localhost:8080/spring-json/json/person/profile/';
-
var query = $('#id').val() + '/' + $('#name').val() + '/'
- + $('#status').val();
- url += query;
- alert(url);
- $.get(url, function(data) {
-
alert("id: " + data.id + "\nname: " + data.name + "\nstatus: "
- + data.status);
- });
- }
- function login() {
-
var mydata = '{"name":"' + $('#name').val() + '","id":"'
- + $('#id').val() + '","status":"' + $('#status').val() + '"}';
- alert(mydata);
- $.ajax({
- type : 'POST',
- contentType : 'application/json',
- url : 'http://localhost:8080/spring-json/json/person/login',
- processData : false,
- dataType : 'json',
- data : mydata,
- success : function(data) {
-
alert("id: " + data.id + "\nname: " + data.name + "\nstatus: "
- + data.status);
- },
- error : function() {
- alert('Err...');
- }
- });
Table
Html程式碼 [url=]
[/url]-
<table>
-
<tr>
-
<td>id</td>
-
<td><input
id="id"
value="100"
/></td> -
</tr>
-
<tr>
-
<td>name</td>
-
<td><input
id="name"
value="snowolf"
/></td> -
</tr>
-
<tr>
-
<td>status</td>
-
<td><input
id="status"
value="true"
/></td> -
</tr>
-
<tr>
-
<td><input
type="button"
id="profile"
value="Profile——GET"
/></td> -
<td><input
type="button"
id="login"
value="Login——POST"
/></td> -
</tr>
-
</table>
四、簡單測試
Get方式測試：
Post方式測試：
五、常見錯誤
POST操作時，我用$.post()方式，屢次失敗，一直報各種異常：
引用
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
直接用$.post()直接請求會有點小問題，儘管我標識為json協議，但實際上提交的ContentType還是application/x-www-form-urlencoded。需要使用$.ajaxSetup()標示下ContentType。
Js程式碼 [url=]
[/url]- function login() {
-
var mydata = '{"name":"' + $('#name').val() + '","id":"'
- + $('#id').val() + '","status":"' + $('#status').val() + '"}';
- alert(mydata);
- $.ajaxSetup({
-
contentType : 'application/json'
- });
- $.post('http://localhost:8080/spring-json/json/person/login', mydata,
- function(data) {
- alert("id: " + data.id + "\nname: " + data.name
- + "\nstatus: " + data.status);
- }, 'json');
- };