10_springmvc JSON数据交互

短命女 2024-04-18 23:44 76阅读 0赞

### **一.JSON数据交互** ###

json数据格式在接口调用中、html页面中较常用，json格式比较简单，解析还比较方便。比如：webservice接口，传输json数据.

### 二.springmvc进行数据交互 ###

**一般执行流程：**

### ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70][] ###

**一般情况**

1.请求json、输出json，要求请求的是json串，所以在前端页面中需要将请求的内容转成json，不太方便。

2.请求key/value、输出json。此方法比较常用。

### 三.环境准备 ###

**springmvc中使用jackson的包进行json转换（@requestBody和@responseBody使用下边的包进行json转），如下：**

![20190914133257613.png][]

### 四.配置转换器 ###

**在注解适配器中加入messageConverters**

![20190914134043258.png][]

注意：如果使用<mvc:annotation-driven /> 则不用定义上边的内容。

### 五.json交互测试 ###

**定义jsp页面：**

![2019091414293432.png][]

**1.输入json串，输出是json串**

**ajax：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 1][]

**Controller:**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 2][]

**测试**：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 3][]

**1.输入key/value，输出是json串**

使用jquery的ajax提交key/value串，对输出的json结果进行解析。

**ajax**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 4][]

**Controller:**

![20190914143300130.png][]

测试：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 5][]

### **@RestController注解** ###

**Spring4之后加入的注解，原来在@Controller中返回json需要@ResponseBody来配合，如果直接用@RestController替代@Controller就不需要再配置@ResponseBody，默认返回json格式。**

![format_png][]

持续补充中....

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/fea26453b3ee4bfc9eb4aa32967072c6.png
[20190914133257613.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9164183410154b9a9472af1486fe67f0.png
[20190914134043258.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/fc4c18800eea4acc90ef80bff5d1e11a.png
[2019091414293432.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/9bfc211411a84315b701f475db2b0d1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/4daf36ba8f884a5f8570a3fd7c1fa6e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/719157c72390454ca69c106582a3e91f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/a93c5e61a503484cb3d56abd6d783e9a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/2322180263e84d6f9ed984d3b00e8fb9.png
[20190914143300130.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/a1943c9c393944769047fd63b502bae6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdHBlbg_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/99d1334b25cd4e6ca255d7662a39e68e.png
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9TSm01MWVnSFBQSFBGQmRKdm1lVlkyTU9pYUljQ0pjUjdDYUZuVXRzaFl2WmtsN0tHUDQwc2FkZ3pMNWlheGVBenBmOGplSldOakprZDVMVFJmR3ZrOVF3LzY0MD93eF9mbXQ9cG5nJnRwPXdlYnAmd3hmcm9tPTUmd3hfbGF6eT0xJnd4X2NvPTE?x-oss-process=image/format,png