SpringMvc采用 http+json 实现前后端交互

演示列表

报文表示

SpringMvc采用 http+json 实现前后端交互

一、Json请求和Json响应

实现:Spring4.1.1.RELEASE + jackson2.4.4+JQuery1.10.2

1、pom.xml

<properties>

<jackson.version>2.4.4</jackson.version>

</properties>

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-core</artifactId>
    <version>${jackson.version}</version>
</dependency>
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-annotations</artifactId>
    <version>${jackson.version}</version>
</dependency>
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>${jackson.version}</version>
</dependency>

2、web.xml

SpringMvc采用 http+json 实现前后端交互

SpringMvc采用 http+json 实现前后端交互

3、SpringRest-servlet.xml

SpringMvc采用 http+json 实现前后端交互

二、业务代碼

1、GetJson2::@RequestBody/Simple- @ResponseBody

1.1、action

SpringMvc采用 http+json 实现前后端交互

SpringMvc采用 http+json 实现前后端交互

1.2、jsp

SpringMvc采用 http+json 实现前后端交互

1.3、測試

SpringMvc采用 http+json 实现前后端交互

2.4、报文

/GetJson.do::JsonParams:param11=req11,param12=req12,param21=req21,param22=req22
/GetJson.do::JsonResBean:HttpResults [result11=res11-req11, result12=res12-req12, result21=res21-req21, result22=res21-req22]

2、PostJson1::@RequestBody/Map - @ResponseBody

2.1、action

SpringMvc采用 http+json 实现前后端交互

2.2、jsp

SpringMvc采用 http+json 实现前后端交互

2.3、測試

SpringMvc采用 http+json 实现前后端交互

2.4、报文

/PostJson1.do::JsonParams:HttpParams [param11=req11, param12=req12, param21=req21, param22=req22]
/PostJson1.do::JsonResBean:HttpResults [result11=res11-req11, result12=res12-req12, result21=res21-req21, result22=res21-req22]

3、PostJson2::@RequestBody/Bean - @ResponseBody

3.1、action

SpringMvc采用 http+json 实现前后端交互

3.2、jsp

SpringMvc采用 http+json 实现前后端交互

3.3、測試

SpringMvc采用 http+json 实现前后端交互

3.4、报文

/PostJson2.do::JsonParams:{param11=req11, param12=req12, param21=req21, param22=req22}
/PostJson2.do::JsonResBean:HttpResults [result11=res11-req11, result12=res12-req12, result21=res21-req21, result22=res21-req22]

4、返回1个参数对象

4.1、代码

SpringMvc采用 http+json 实现前后端交互

4.2、测试

SpringMvc采用 http+json 实现前后端交互

5、返回多个参数对象

5.1、action

SpringMvc采用 http+json 实现前后端交互

5.2、配置 (SpringRest-servlet.xml)

SpringMvc采用 http+json 实现前后端交互

5.3、测试

SpringMvc采用 http+json 实现前后端交互

三、附录

1、@RequestParam

@RequestParam、@RequestBody用于接受客户端的JSON数据,GET请求好像只能用@RequestParam

如果传输的是单层json数据,可以使用@RequestParam接收,它会把前台传输过来的json转化为后台对应的Map<String,Object>对象

SpringMvc采用 http+json 实现前后端交互

SpringMvc采用 http+json 实现前后端交互

2、@RequestBody

@RequestParam、@RequestBody用于接受客户端的JSON数据,GET请求好像不能用@RequestBody

如果传输的是单层json数据,可以使用@RequestBody接收,它会把前台传输过来的json转化为后台对应的Map<String,Object>对象

SpringMvc采用 http+json 实现前后端交互

SpringMvc采用 http+json 实现前后端交互

3、@ResponseBody

@ResponseBody用于将JSON数据返回客户端,如:

ajax请求返回json数据

SpringMvc采用 http+json 实现前后端交互

我们通常这样做,使用response.getWriter()写回json数据:

SpringMvc采用 http+json 实现前后端交互

@ResponseBody只要一个注解就搞定上述输出了!

SpringMvc采用 http+json 实现前后端交互

上一篇:property(四十)


下一篇:busybox inetd tftpd