您的位置 首页 > 娱乐休闲

Json详解(前端到后端)

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

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

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

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

前端定义

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

定义的是对象格式的

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

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

// 取出名字和年龄

aler);

aler);

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

定义的是数组格式的

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

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}

]

};

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

aler[2].name);

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

aler[1].name);

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

后台定义

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

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

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

<bean

class="org.;>

<property name="order" value="1" />

<property name="defaultViews">

<list>

<!-- JSON View -->

<bean

class="org.;>

</bean>

</list>

</property>

</bean>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

第二步:在文件中导入Json的依赖

<!-- 使用Json所依赖的jar包 -->

<dependency>

<groupId>com.;/groupId>

<artifactId>jackson-databind</artifactId>

<version>2.5.4</version>

</dependency>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

第三步:新建一个实体类(这是显示为Json数据的数据模型)

//注意:新建了一个包来装实体类 (getter和setter方法省略)

/**

* 用户实体类

*/

public class User {

private int id; //用户id

private String name; //用户姓名

private String sex; //性别

private List<String> hobby; //爱好

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

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

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

/**

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

*

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

* 将其响应为Json数据,因为已经在进行配置

*

*/

@RequestMapping(value="json1",method=Reque)

public @ResponseBody List<User> getUserInJson1(){

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

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

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

User user=new User();

u(i);

u("张三"+i);

u("男");

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

("打篮球"+i);

("唱歌"+i);

("听音乐"+i);

u(hobbies);

li(user);

}

return list;

}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28

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

/**

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

*

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

*

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

*

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

* @return

*/

@RequestMapping(value="/json2/{userId}",method=Reque)

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

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

User user=new User();

u(userId);

u("张三"+userId);

u("男");

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

("打篮球"+userId);

("唱歌"+userId);

("听音乐"+userId);

u(hobbies);

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

//当然,也可返回一个List<User>类型,需更换为:return new ResponseEntity<List<User>>(list, H);

return new ResponseEntity<User>(user, H);

}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

运行结果:

 方式一:

 方式二:

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何编写json,如何编写json文件,如何编写jsp页面,如何编写js脚本”边界阅读