前后台数据交互使用json是一种很重要的方式.本文主要探讨SpringMVC框架使用json传输的技术.

请注意,本文所提到的项目使用Spring 版本是4.1.7,其他版本在具体使用上可能有不一样的情况.

一、最常见——使用@RequestBody的注解返回一个实体对象;

使用方式如下:

1:引入jar包：

jackson-core、jackson-databind、jackson-annotion;

Spring4以上的版本这么配置,需要jackson的版本在2以上.

maven依赖



<properties>
    <jackson.version>2.7.3</jackson.version>
</properties>


<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-annotations -->

        <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-databind</artifactId>

            <version>${jackson.version}</version>

        </dependency>

        <dependency>

            <groupId>com.fasterxml.jackson.core</groupId>

            <artifactId>jackson-annotations</artifactId>

            <version>${jackson.version}</version>

        </dependency>




2:Spring配置:




<mvc:annotation-driven/>




Spring4以上版本使用 <mvc:annotation-driven/>即包含了默认的配置,能够转化json,其他版本可能需要额外配置.


3:后台:




@RequestMapping("/entity")

    public @ResponseBody Entity returnJson(){

        return new Entity("chentao","A handsome man");

    }




关键就是@ResponseBody注解,否则Spring会去映射与路径匹配的jsp文件


4:前台


这个路径是可以直接调用的,结果会直接输出到,但是一般来说,会使用jquery Ajax来获取数据:




<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>Welcome Page</title>

    <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-annotations -->

    <script

            src="https://code.jquery.com/jquery-3.2.1.min.js"

            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="

            crossorigin="anonymous"></script>

</head>

<body>

     <h2>Hello World!</h2>

<div id="div1">

</div>

</body>

<script>

    $.get("/json/entity",function (data) {

        $("#div1").html(data);

    })

</script>

</html>




结果


a:不添加@ResponseBody注解的情况,通过链接注解访问:










可以看到Spring MVC框架这个时候去找/json/entity.jsp这个文件的.








b:添加@ResponseBody注解后:




json数据能正确返回了.


二、更加灵活的方式——将json数据放进Request中交互。


Spring MVC使用@ResponseBody的方式确实很简单，但是我们有时也会遇到这样的场景 ，就是访问一个新页面时，可能既要找到新的页面又要拿到新的数据去绘制页面。


这种时候如果使用@ResponseBody这种方式，那么就需要使用ajax技术，向后台请求两次，一次请求页面，一次请求数据。


如果希望通过一次请求就完成这个目标，那么就应该返回一个ModelAndView的对象，这样SpringMVC既可以跳转到一个页面，也能把数据传输到Request中。


使用方式：


1：相关jar包：


使用对象转化为Json的相关jar包，一般来说使用的时json-lib，实际上类似的框架和技术还有很多，比如上面的jackson就能做，不过笔者习惯于使用json-lib，使用起来会更方便和顺手一点。


maven:




<!-- https://mvnrepository.com/artifact/net.sf.json-lib/json-lib -->

        <dependency>

            <groupId>net.sf.json-lib</groupId>

            <artifactId>json-lib</artifactId>

            <version>2.4</version>

        </dependency>




2：Spring 配置：无


3：后台：




@RequestMapping("/page")

    public ModelAndView returnView(){

        ModelAndView mv = new ModelAndView();

        mv.setViewName("showJson");

        Entity entity = new Entity("chentao","a handsome man");

        JSONObject entityJson = JSONObject.fromObject(entity);

        mv.addObject("entityJson",entityJson);

        return mv;

    }




关键是JSONObject.fromObject()方法。


4：前台：




<script>

    var json = ${entityJson};

    alert(json);

</script>




注意这里的El表达式写法${entityJson},浏览器在进行渲染之前，tomcat已经将${entityJson}替换为json字符串。这个时候json直接就是一个可以使用的对象而不再需要进行转化


结果如下；




注意，这种方式只有在jsp页面中才有效果，如果不是jsp页面，只能乖乖使用第一种方式了。


三、总结






 
@Response注解的方式
返回ModelAndView方式




优点
编写简单；适合当前ajax方式；
更加灵活，页面和数据一同返回。




缺点
灵活性不足


需要手动转化json；


前台接受数据只能用在jsp页面里。






实现要点
@ResponseBody;jackson-jar包；ajax；
JsonObject.fromObject();El表达式：${}.




 
 
 






四、扩展


本文档使用的是SpringMVC框架，实际上第一种方式本质上是使用Response的writer对象来传递数据，而第二种方式使用request传递数据。所以如果使用原生servlet或者其他框架也是能够实现类似的功能的。
												


											
SpringMVC 返回json的两种方式的更多相关文章
	

    
								
  1. web Api 返回json 的两种方式
		
    web api写api接口时默认返回的是把你的对象序列化后以XML形式返回,那么怎样才能让其返回为json呢,下面就介绍两种方法: 方法一:(改配置法) 找到Global.asax文件,在Applic ...
    
		
    2. 
						
  2. SpringMvc 返回json的三种方式
		
    参考:https://blog.csdn.net/fupengyao/article/details/62220886
    
		
    3. 
						
  3. SpringMVC实现文件下载的两种方式及多文件下载
		
    1.传统方法 @RequestMapping("/download") public String download( String fileName ,String filePa ...
    
		
    4. 
						
  4. c#操作json的两种方式
		
    总结一下C#操作json的两种方式,都是将对象和json格式相转. 1.JavaScriptSerializer,继承自System.Web.Script.Serialization private  ...
    
		
    5. 
						
  5. MVC web api 返回JSON的几种方式，Newtonsoft.Json序列化日期时间去T的几种方式。
		
    原文链接:https://www.muhanxue.com/essays/2015/01/8623699.html MVC web api 返回JSON的几种方式 1.在WebApiConfig的Re ...
    
		
    6. 
						
  6. springMVC返回数据的四种方式
		
    转自:https://blog.csdn.net/itcats_cn/article/details/82119673 springMVC返回数据的四种方式:第一种,通过request.setAttr ...
    
		
    7. 
						
  7. springmvc配置AOP的两种方式
		
    spingmvc配置AOP有两种方式,一种是利用注解的方式配置,另一种是XML配置实现. 应用注解的方式配置: 先在maven中引入AOP用到的依赖 <dependency> <gr ...
    
		
    8. 
						
  8. 获取Executor提交的并发执行的任务返回结果的两种方式/ExecutorCompletionService使用
		
    当我们通过Executor提交一组并发执行的任务,并且希望在每一个任务完成后能立即得到结果,有两种方式可以采取: 方式一: 通过一个list来保存一组future,然后在循环中轮训这组future,直 ...
    
		
    9. 
						
  9. Java中将xml文件转化为json的两种方式
		
    原文地址https://blog.csdn.net/a532672728/article/details/76312475 最近有个需求,要将xml转json之后存储在redis中,找来找去发现整体来 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Chrome 浏览器报  filed to load resource:net err cache read failure 错误：
			
    在IE/FF下没有该错误提示,但在Chrome下命令行出现如下错误信息: Failed to load resource: net::ERR_CACHE_MISS 该问题是Chrome浏览器开发工具的 ...
    
			
    2. 
						
  2. 九、VueJs 填坑日记之在项目中使用jQuery
			
    很多人学习 js 都是从 jQuery 开始的,我也不例外.有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践. 引用 jQue ...
    
			
    3. 
						
  3. Html5如何自学 只需这几步
			
    Html5在整个行业卷起了一场大潮流,好多人都,但是很多人都不知道该怎么学习Html5,不知道Html5该如何自学?不知道Html5开发多久才会学会?接下来将从以下几点内容详细讲述. 第一,很多人建议 ...
    
			
    4. 
						
  4. TP框架Ajax如何使用
			
    ThinkPHP可以很好的支持AJAX请求,系统的\Think\Controller类提供了ajaxReturn方法用于AJAX调用后返回数据给客户端.并且支持JSON.JSONP.XML和EVAL四 ...
    
			
    5. 
						
  5. 利用vertical-align:middle垂直居中
			
    以前总是以为vertical-align与text-align是同样的道理,一个是垂直居中,一个是水平居中,结果在这里一点效果也没有.事实上vertical-align与text-align完全不一样 ...
    
			
    6. 
						
  6. php 可逆加密方法
			
    可以逆转的加密类,没有密钥很难破解 [PHP]代码 <? class encryptCalss { var $key=12; function encode($txt){ for($i=0;$i ...
    
			
    7. 
						
  7. Laravel  框架安装
			
    Composer 在命令行执行 create-project 来安装 Laravel:就是下面这一句话就OK了!composer create-project laravel/laravel --pr ...
    
			
    8. 
						
  8. C#自定义ip控件
			
    前言:由于项目中有ip输入,但C#中又没有IP控件,如果直接放4个TextBox感觉又怎么好,还不好控制,于是可以通过自定义控件的方式来解决,就又了下面的自定义ip控件,该控件功能基本完善,如果还有未 ...
    
			
    9. 
						
  9. webpack入门之打包html,css,js,img(一)
			
    webpack到底是什么,网上一大堆介绍的东西,越看越不知道说的什么,所以今天打算自己来记录一下这段时间学习webpack的成果, webpack就是打包文件用的,html,css,js,img,为什 ...
    
			
    10. 
						
  10. Vue 浅谈前端js框架vue
			
    Vue Vue近几年来特别的受关注,三年前的时候angularJS霸占前端JS框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾轧angularJS,这个时候,vu ...
    
			
    11.