前端到后端：深入解析Json

发表时间: 2018-08-13 14:01

Json有两种数据格式：前后台开发约定的一种数据格式，{key：value}类型的，key必须是字符串类型的，value是Object类型(也就是任意类型)

第一种： 对象格式{key:value}

第二种： 数组格式[{key:value,key1:value1},{key2:value2,key3:value3}]

注意：数组和对象格式可以相互嵌套的

前端定义

比如：前端定义Json演示：
-------------------------------------------------------

定义的是对象格式的

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

var person={"name":"张三丰","age":100,"gender":"男"};

// 取出名字和年龄

alert(person.name);

alert(person.age);

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

定义的是数组格式的

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

var persons=[

{"name":"张三丰","age":100,"gender":"男"},

{"name":"张太极","age":100,"gender":"男"}

];

// 取出张三丰

alert(persons[0].name);

// 取出张太极

alert(persons[1].name);

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

对象格式和数组格式相互嵌套

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

var json={ "weixiaobao":[

{"name":"建宁","age":26},

{"name":"阿珂","age":23},

{"name":"双儿","age":22}

"haohao":[

{"name":"建宁1","age":26},

{"name":"阿珂1","age":23},

{"name":"双儿1","age":22}

]

};

// 取出的是韦小宝下面的双儿

alert(json.weixiaobao[2].name);

// 取出的是好好下面的阿珂1

alert(json.haohao[1].name);

后台定义

其实我一直后台开发过程中，被无数人说只要把Json格式的数据返回给前台就好了，我就一直很困惑，Json到底是啥，我怎么能把Json格式的数据传给前台呀，框架怎么处理Json的，案例演示：基于Maven的SpringMvc演示：

第一步：在前端控制器配置文件中添加支持Json的Bean

支持Json的Bean,配置ViewResolver。可以用多个ViewResolver。使用order属性排序。
InternalResourceViewResolver放在最后。

<bean

class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">

<list>

<bean

class="org.springframework.web.servlet.view.json.MappingJackson2JsonView">

</bean>

</list>

</property>

</bean>

第二步：在pom.xml文件中导入Json的依赖

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

<artifactId>jackson-databind</artifactId>

</dependency>

第三步：新建一个实体类（这是显示为Json数据的数据模型）

//注意：新建了一个包来装实体类（getter和setter方法省略）

/**

* 用户实体类

public class User {

private int id; //用户id

private String name; //用户姓名

private String sex; //性别

private List<String> hobby; //爱好

第四步：书写Controller中的生成Json数据的方法。

第一种：@ResponseBody通过注解来实现转成Json数据

/**

* 返回Json的示例：/hello/json1

* 这里加了@ResponseBody注解，说明将List<User>作为响应体，

* 将其响应为Json数据，因为已经在spring-mvc-servlet.xml进行配置

@RequestMapping(value="json1",method=RequestMethod.GET)

public @ResponseBody List<User> getUserInJson1(){

//填充所需返回的数据，本来应该是查询数据库，这里就写假数据了，因为重点不是在这

List<User> list=new ArrayList<User>();

for(int i=1;i<=3;i++){

User user=new User();

user.setId(i);

user.setName("张三"+i);

user.setSex("男");

List<String> hobbies=new ArrayList<String>();

hobbies.add("打篮球"+i);

hobbies.add("唱歌"+i);

hobbies.add("听音乐"+i);

user.setHobby(hobbies);

list.add(user);

}

return list;

}

第二种：@PathVariable或@param注解实现转成Json数据

/**

* 返回Json的示例：/hello/json2/3

* 注意：路径后面的参数是user的id,这种写法是由@PathVariable这个注解决定的。

* 和写法1不同的是返回值没有注解了，变成了ResponseEntity<User>

* @param userId 需要查询的用户id

* @return

@RequestMapping(value="/json2/{userId}",method=RequestMethod.GET)

public ResponseEntity<User> getUserInJson2(@PathVariable Integer userId){

//填充所需返回的数据，本来应该是查询数据库。这里就写假数据了，因为重点不是在这

User user=new User();

user.setId(userId);

user.setName("张三"+userId);

user.setSex("男");

List<String> hobbies=new ArrayList<String>();

hobbies.add("打篮球"+userId);

hobbies.add("唱歌"+userId);

hobbies.add("听音乐"+userId);

user.setHobby(hobbies);

//这里也应该new 一个响应体，因为返回的是这种类型，第一个参数是需返回的实体类，第二个参数是状态码

//当然，也可返回一个List<User>类型，需更换为：return new ResponseEntity<List<User>>(list, HttpStatus.OK);

return new ResponseEntity<User>(user, HttpStatus.OK);

}

运行结果：

方式一：

方式二：

前端到后端：深入解析Json

热门阅读

推荐阅读