SpringMVC操作JSON

电玩女神 2021-12-05 05:19 208阅读 0赞

### 文章目录 ###

*   *   *  SpringMVC操作JSON
         *   *   *  响应JSON数据
                 *  接收JSON数据

### SpringMVC操作JSON ###

> 就目前而言，在SpringMVC中自带有Gson和Jackson这两个JSON的依赖，除此之外其他JSON解析器需要自己手动配置转换器HttpMessageConverter.

##### 响应JSON数据 #####

1.  添加依赖

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70]

1.  使用注解@ResponseBody,返回数据。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 1]

1.  测试

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 2]

##### 接收JSON数据 #####

> JSON只会在请求体中，所以JSON只能用post或者put请求！

1.  在接收的bean前使用注解@RequestBody

![在这里插入图片描述][20190717205332531.png]

1.  通过jQuery中的ajax发送json

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    </head>
    <body>
    	<input type="button" value="提交JSON数据" onclick="fun1();">
    	<script type="text/javascript"> function fun1(){ $.ajax({ type: 'POST', url: "test2", contentType: "application/json",//如果想以json格式把数据提交到后台的话，这个必须有，否则只会当做表单提交 data: JSON.stringify({ "username":"sam","password":"12"}),//JSON.stringify()必须有,否则只会当做表单的格式提交 dataType: "json",//期待返回的数据类型 success: function(data){ alert("success:"+data); }, error:function(data){ alert("error"+data); } }); } </script>
    </body>
    </html>

1.  测试

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 3]

--------------------

以上

@Fzxey

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70]: /images/20211205/ccd5dbd4047c47498487424bb04c64ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 1]: /images/20211205/91fcde3b1cd04d258d1a7523b47672a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 2]: /images/20211205/316a60d808284366a51dae1f10dc7602.png
[20190717205332531.png]: /images/20211205/0a0d3b54101f4879b7247129715f54ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0Z6eGV5_size_16_color_FFFFFF_t_70 3]: /images/20211205/28f626de1ad94baa87d70d32894bd7f5.png