JSON的基本用法--JSON详解

最新推荐文章于 2023-01-05 21:39:11 发布
最新推荐文章于 2023-01-05 21:39:11 发布
阅读量1.1k 收藏
点赞数
分类专栏： json 文章标签： JSON

文章来源http://www.goomoon.com/it/web/js/7960.html

虽说是springMVC的暂时可以参考一下

JSON(JavaScriptObject Notation)是一种轻量级的数据交换格式。简单地说，JSON可以将JavaScript对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从Web客户机传递给服务器端程序。这个字符串看起来有点儿古怪，但是JavaScript很容易解释它，而且JSON可以表示比"名称/值对"更复杂的结构。例如，可以表示数组和复杂的对象，而不仅仅是键和值的简单列表。

     下面举几个简单的实例来介绍Json，因为JSON是javascript的原生格式，因此不需要任何特殊的API包或工具包。
      实例一 ：
01 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
02     pageEncoding="ISO-8859-1"%>
03 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
04 <html>
05 <head>
06 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
07 <title>Insert title here</title>
08 <script type="text/javascript">
09  
10     function testJson(){
11         var user =
12         {
13             "name":"tom",
14             "age":11,
15             "info":{"tel":"lf","cellphone":"1223"},
16             "address":
17                 [
18                     {"city":"lf","postcode":"111"},
19                     {"city":"bj","postcode":"222"},
20                 ]
21         }
22              
23         alert(user.name);
24         alert(user.info.cellphone);
25         alert(user.address[1].postcode);       
26     }
27 </script>
28 </head>
29 <body>
30     <input type="button" value="TestJson" onclick="testJson()">
31 </body>
32 </html>
   可直接运行测试。
      实例二 ：
   下面这个实例是前后台如何交互的实例，首先把环境搭起来，创建一个Maven项目json_test，具体创建过程不再赘余，pom.xml文件：
01 <project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
02   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0http://maven.apache.org/maven-v4_0_0.xsd">
03   <modelVersion>4.0.0</modelVersion>
04   <groupId>com.tgb</groupId>
05   <artifactId>json_test</artifactId>
06   <packaging>war</packaging>
07   <version>0.0.1-SNAPSHOT</version>
08   <name>json_test Maven Webapp</name>
09   <url>http://maven.apache.org</url>
10   <dependencies>
11     <dependency>
12       <groupId>junit</groupId>
13       <artifactId>junit</artifactId>
14       <version>4.0</version>
15       <scope>test</scope>
16     </dependency>
17     <dependency>
18         <groupId>commons-lang</groupId>
19         <artifactId>commons-lang</artifactId>
20         <version>2.4</version>
21     </dependency>
22      <dependency>
23         <groupId>commons-beanutils</groupId>
24         <artifactId>commons-beanutils</artifactId>
25         <version>1.7.0</version>
26     </dependency> 
27     <dependency>
28         <groupId>commons-collections</groupId>
29         <artifactId>commons-collections</artifactId>
30         <version>3.2</version>
31     </dependency>
32     <dependency>
33         <groupId>commons-logging</groupId>
34         <artifactId>commons-logging</artifactId>
35         <version>1.1.1</version>
36     </dependency>
37     <dependency>
38         <groupId>net.sf.ezmorph</groupId>
39         <artifactId>ezmorph</artifactId>
40         <version>1.0.6</version>
41     </dependency>
42     <dependency>
43         <groupId>net.sf.json-lib</groupId>
44         <artifactId>json-lib</artifactId>
45         <version>2.4</version>
46         <classifier>jdk15</classifier>
47     </dependency>
48     <dependency>
49         <groupId>org.springframework</groupId>
50         <artifactId>spring-webmvc</artifactId>
51         <version>3.0.4.RELEASE</version>
52     </dependency>
53                  
54   </dependencies>
55   <build>
56     <finalName>json_test</finalName>
57   </build>
58 </project>
Web.xml 配置如下
01 <?xml version="1.0" encoding="UTF-8"?>
02 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID"version="2.5">
03   <display-name>json_test</display-name>
04   <welcome-file-list>
05     <welcome-file>index.jsp</welcome-file>
06   </welcome-file-list>
07    
08   <servlet>
09     <servlet-name>springMVC</servlet-name>
10     <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
11     <load-on-startup>1</load-on-startup>
12   </servlet>
13    
14   <servlet-mapping>
15     <servlet-name>springMVC</servlet-name>
16     <url-pattern>/</url-pattern>
17   </servlet-mapping>
18 </web-app>
SpringMVC 的配置文件和 web.xml 文件在同一个目录下， springMVC-servlet.xml ：
01 <?xml version="1.0" encoding="UTF-8"?>
02 <beans xmlns="http://www.springframework.org/schema/beans"
03     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
04     xmlns:context="http://www.springframework.org/schema/context"
05     xmlns:mvc="http://www.springframework.org/schema/mvc"
06     xsi:schemaLocation="http://www.springframework.org/schema/beans
07     http://www.springframework.org/schema/beans/spring-beans.xsd
08     http://www.springframework.org/schema/context
09     http://www.springframework.org/schema/context/spring-context-3.0.xsd
10     http://www.springframework.org/schema/mvc
11     http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
12      
13     <context:component-scan base-package="com.tgb.json" />
14  
15     <mvc:annotation-driven />
16       
17     <mvc:resources location="/js/" mapping="/js/**"/>
18 </beans>
上面关于SpringMVC的东西也不多讲，因为这不是要讲的重点。项目中还会用到Jquery，因此大家自行下载jquery包，放到webapp/js包下。
     下面开始编写后台的代码，首先创建一个POJO类User：
01 package com.tgb.json;
02  
03 public class User {
04  
05     private String username;
06      
07     private int age;
08  
09     public String getUsername() {
10         return username;
11     }
12  
13     public void setUsername(String username) {
14         this.username = username;
15     }
16  
17     public int getAge() {
18         return age;
19     }
20  
21     public void setAge(int age) {
22         this.age = age;
23     }
24 }
然后创建 TestJson 类，在这个类中，我写了三个方法，是分别测试传递 User 对象、 List 集合和 Map 的。
01 package com.tgb.json;
02 import java.io.PrintWriter;
03 import java.util.ArrayList;
04 import java.util.HashMap;
05 import java.util.List;
06 import java.util.Map;
07  
08 import javax.servlet.http.HttpServletRequest;
09 import javax.servlet.http.HttpServletResponse;
10  
11 import net.sf.json.JSONArray;
12 import net.sf.json.JSONObject;
13  
14 import org.springframework.stereotype.Controller;
15 import org.springframework.web.bind.annotation.RequestMapping;
16  
17 @Controller
18 public class TestJson {
19      
20     @RequestMapping("logon.do")
21     public String logon(HttpServletRequest request,HttpServletResponse response){
22         return "/test/addUser";
23     }
24      
25     //返回User对象
26     @RequestMapping("/test/json1")
27     public void returnUser(HttpServletRequest request,HttpServletResponse response) throws Exception{
28          
29         response.setContentType("text/html");
30         PrintWriter out = response.getWriter();
31          
32         User u1 = new User();
33         u1.setUsername("tom1");
34         u1.setAge(11);
35      
36         //Json返回实体
37         JSONObject jsonObject = JSONObject.fromObject(u1);
38         //返给ajax请求
39         out.print(jsonObject);
40     }
41      
42     //返回List
43     @RequestMapping("/test/json2")
44     public void returnList(HttpServletRequest request,HttpServletResponse response) throws Exception{
45          
46         response.setContentType("text/html");
47         PrintWriter out = response.getWriter();
48          
49         //传递List
50         List<User> list = new ArrayList<User>();
51          
52         User u1 = new User();
53         u1.setUsername("tom1");
54         u1.setAge(11);
55      
56         User u2 = new User();
57         u2.setUsername("jack");
58         u2.setAge(22);
59          
60         list.add(u1);
61         list.add(u2);
62         //Json返回list
63         JSONArray jsonArray = JSONArray.fromObject(list);
64         //返给ajax请求
65         out.print(jsonArray);
66     }
67      
68     //返回Map
69     @RequestMapping("/test/json3")
70     public void returnMap(HttpServletRequest request,HttpServletResponse response) throws Exception{
71          
72         response.setContentType("text/html");
73         PrintWriter out = response.getWriter();
74          
75         Map<String,User> map = new HashMap<String,User>();
76          
77         User u1 = new User();
78         u1.setUsername("tom1");
79         u1.setAge(11);
80      
81         User u2 = new User();
82         u2.setUsername("jack");
83         u2.setAge(22);
84          
85         map.put("u1", u1);
86         map.put("u2", u2);
87          
88         //Json返回map
89         JSONObject jsonObject = JSONObject.fromObject(map);
90         //返给ajax请求
91         out.print(jsonObject);
92     }  
93 }
完成了后台代码的编写，页面上就需要获取后台传过来的 Json 数据，并将它显示出来，创建页面 testJson.jsp ：
01 <%@ page language="java" contentType="text/html; charset=utf-8"
02     pageEncoding="utf-8"%>
03 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
04 <html>
05 <head>
06 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
07 <script type="text/javascript" src="json_test/../js/jquery-1.7.1.js"></script>
08 <title>Insert title here</title>
09 <script type="text/javascript">
10      
11     //获取User对象
12     function getJsonObject(){
13         $.ajax({
14             type:"POST",
15             url:"/json_test/test/json1",
16             dataType:"json",
17             success:function(json){
18                 alert(json.username);
19                 alert(json.age);
20             },
21             error:function(){
22                 alert("网络错误！");
23             }
24         });
25     }
26      
27     //获取List对象
28     function getJsonList(){
29         $.ajax({
30             type:"POST",
31             url:"/json_test/test/json2",
32             dataType:"json",
33             success:function(json){
34                 alert(json[0].username);
35                 alert(json[1].age);
36             },
37             error:function(){
38                 alert("网络错误！");
39             }
40         });
41     }  
42      
43     //获取Map对象
44     function getJsonMap(){
45         $.ajax({
46             type:"POST",
47             url:"/json_test/test/json3",
48             dataType:"json",
49             success:function(json){
50                 alert(json.u1.username);
51                 alert(json.u2.age);
52             },
53             error:function(){
54                 alert("网络错误！");
55             }
56         });
57     }  
58 </script>
59 </head>
60 <body>
61     <input type="button" value="获取User对象" onclick="getJsonObject()"><br/>
62     <input type="button" value="获取List" onclick="getJsonList()"><br/>
63     <input type="button" value="获取Map" onclick="getJsonMap()">
64 </body>
65 </html>
通过以上这几个例子基本能说明 Json 的大致用途，他和 XML 的联系与区别，大家可自行查阅。
zygzzp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
10-19
主要为大家详细介绍了jQuery Json数据格式排版高亮插件json-viewer.js的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
@requestMapping参数详解
m0_69523172的博客
05-04 3687
对应项目jsp位置则是一级路径对应一级文件目录。 如url为/default/index对应项目中webapp/default/index.jsp RequestMapping注解有六个属性，下面我们把她分成三类进行说明。 【1】value， method value：指定请求的实际地址，指定的地址可以是URI Template 模式； method： 指定请求的method类型， GET、POST、PUT、DELETE等； 【2】consumes，produces consumes： 指定处理请求的提
json简单解析
taotie_的博客
04-04 114
解析json 1:解析单个对象的json 例如:Master mm = new Master(); mm.setName(“zhangsan”); mm.setPwd(“123”); JSONObject json = new JSONObject(); json.put(“master”, mm); 此时的json只是单纯的携带了一个对象,到jsp界面的时候 success:functio...
前端---JSON
a592381841的博客
12-18 120
1.概念 是JS提供的一种数据交换方式。类似XML JavaScript对象表示法（JavaScript  Object Notation） 比XML更小，更快，更容易解析 独立于语言 JSON的文件类型是.json Json文本的MIME类型是application/json JavaScript可利用全局函数eval()  将json转换为JavaScript对象 2.json的...
JSON的简单基本使用
weixin_53249168的博客
01-01 567
JSON，全称是 JavaScript Object Notation，即JavaScript对象标记法JSON 的名称中虽然带有JavaScript，但这是指其语法规则是参考JavaScript对象的，而不是指只能用于JavaScript 语言。JSON无论对于人，还是对于机器来说，都是十分便于阅读和书写的，而且相比 XML(另一种常见的数据交换格式)，文件更小，因此迅速成为网络上十分流行的交换格式。JSON本身就是参考JavaScript 对象的规则定义的，其语法。
Json简介与基本使用
小新要变强的博客
12-05 3881
本文为Json简介与基本使用相关知识，具体将对什么是JSON，XML与JSON的区别，JSON的语法格式，JSON数据的转换（包括：Java对象转换为JSON格式、JSON格式转换为Java对象）等进行详尽介绍~
详解Obejective-C中将JSON数据转为模型的方法
09-02
主要介绍了Obejective-C中JSON数据转为模型的方法,同时介绍了使用jastor库的方法,需要的朋友可以参考下
详解python中的json的基本使用方法
01-20
在Python中使用json的时候，主要也就是使用json模块，json是以一种良好的格式来进行数据的交互，从而在很多时候，可以使用json数据格式作为程序之间的接口。 #!/usr/bin/env python #-*- coding:utf-8 -*- import ...
JSON的应用场景
m0_64567550的博客
09-25 1138
json应用
json的学习与使用
weixin_52259848的博客
10-04 3699
JSON是一种轻量级的、基于文本的、开放的数据交换格式。它本身不提供任何方法（函数），非常适合在网络中进行传输。因此要解析json数据。所以前来学习
json怎么在服务器运行,json-server使用方法
weixin_39625337的博客
07-31 2076
对于数据的增删改查，需要用到axios安装json-server1、执行如下命令，安装json-servernpm install -g json-server2、执行如下命令，检查json-server是否安装成功：json-server -h成功如下：image.png3、新建json文件，如：user.json(模拟数据){"user":[{"id":"1","username":"甲","...
JSON的作用和常用分类
jlcheerful的博客
01-05 284
笔记
JSON的使用
weixin_51797050的博客
08-17 2045
1.1、什么是 JSON JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于 JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999 的一个子集。 JSON 采用完全独立于语言的文本格式，但是也使用了类似于 C 语言家族的习惯（包括 C, C++, C#, Java,JavaScript, Perl, Pyt
JSON 基本使用
m0_63760882的博客
04-29 3692
1. JSON 是什么？ JSON，全称是 JavaScript Object Notation，即 JavaScript对象标记法。 JSON是一种轻量级（Light-Meight)、基于文本的(Text-Based)、可读的(Human-Readable)格式。 JSON 的名称中虽然带有JavaScript，但这是指其语法规则是参考JavaScript对象的，而不是指只能用于JavaScript语言。 JSON无论对于人，还是对于机器来说，都是十分便于阅读和书写的，而且相比 XML(另一种常见的数据
JSON的简单介绍和使用
remakeprogramer的博客
01-26 2615
Json 一、什么是Json JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛。 采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 在 JavaScript 语言中，一切都是对象。因此，任何JavaScript 支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。看看他的
JSON基础与使用以及实例演示
热门推荐
DJun的博客
09-20 4万+
JSON基础与实例 预计阅读时间：10分钟 下面我整理了一些基础性（JSON深入浅出）的问题，再一一解答这些问题。其次，在一些比较难以理解的地方，也有举例说明，希望能够帮到您！废话不多说，请看目录： 目录 JSON基础与实例 一、JSON是什么？ 二、JSON用来做什么？ 三、为什么...
JSON基本使用
bier_zm的博客
07-19 580
Fastjson是一个Java库，可以将Java对象转换为JSON格式，当然它也可以将JSON字符串转换为Java对象。FastJson特点如下能够支持将javabean序列化成JSON字符串，也能够将JSON字符串反序列化成Javabean。顾名思义，FastJson操作JSON的速度是非常快的。无其他包的依赖,使用比较方便。......
@JsonFormat 使用详解
最新发布
03-13
使用 @JsonFormat 注解可以指定日期的格式、时区、语言等属性，以便在序列化和反序列化过程中对日期进行格式化和解析。下面是一些常用的属性： 1. pattern：指定日期的格式，例如 "yyyy-MM-dd HH:mm:ss"。 2. time...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值