Json的简单使用-阿里云开发者社区

开发者社区> biehl> 正文

Json的简单使用

简介: 1>:推荐JSON学习的网址:http://www.w3school.com.cn/json/index.asp 2>:JSON:   JavaScript 对象表示法(JavaScript Object Notation),详细介绍呢,见上面的网址即可,这里重实践,轻理论,理论知识呢,去权威网站看比较靠谱。
+关注继续查看

1>:推荐JSON学习的网址:http://www.w3school.com.cn/json/index.asp

2>:JSON:

  JavaScript 对象表示法(JavaScript Object Notation),详细介绍呢,见上面的网址即可,这里重实践,轻理论,理论知识呢,去权威网站看比较靠谱。

3>重点介绍一个Javascript()函数:eval()函数;

  用法见网址:http://www.w3school.com.cn/jsref/jsref_eval.asp

  案例如下所示:

    创建如index.jsp,源码如下;

    注意:写法四和写法五

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>json的使用</title>
 8 </head>
 9 <body>
10 <script type="text/javascript">
11     //写法一,引进
12     var user={id:'1001',name:'张三'};
13     alert(user.id+" "+user.name);
14     
15     //写法二,引进
16     var person={id:'1002',eat:function(){
17         alert("李四爱吃饭");
18     }};
19     alert(person.id);
20     person.eat();
21     
22     //写法三,实践
23     //eval()方法的使用
24     var a='alert("提示的信息")';
25     //eval() 函数可计算某个字符串,并执行其中的的 JavaScript代码
26     eval(a);
27     
28     //写法四,实践
29     var teacher={id:'1003',name:'王五'};
30     var tea=eval(teacher);
31     alert("编号:"+tea.id+" "+"姓名:"+tea.name);
32     
33     //写法五,实践
34     var teacher="{id:'1003',name:'王五'}";
35     var tea=eval("("+teacher+")");
36     alert("编号:"+tea.id+" "+"姓名:"+tea.name);
37     
38 </script>
39 
40 </body>
41 </html>

 效果如下所示:


 4>JSON数组的使用,创建一个json.jsp,源码如下所示:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>json的练习</title>
 8 </head>
 9 <body>
10 <script type="text/javascript">
11     //JSON数组,如何在页面显示json的数组格式
12     var emp={"totle":5,"employees":[
13         {"id":1001,"name":'张三'},
14         {"id":1002,"name":'李四'},
15         {"id":1003,"name":'王五'},
16         {"id":1004,"name":'赵六'},
17         {"id":1005,"name":'周七'}
18         ]};
19 
20     alert("雇员总数:"+emp.totle);
21     for(var i=0;i<emp.employees.length;i++){
22         alert(emp.employees[i].id+" "+emp.employees[i].name);
23     }
24     
25 </script>
26 
27 
28 </body>
29 </html>

演示效果如下所示:


5>思考如何将后台的数据格式构建成前台页面显示的格式呢???

  第一种方式:手动构建,想想都够蛋疼的了,太麻烦了,手动构建;

          String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";

 1 package com.bie.test;
 2 
 3 import com.bie.po.User;
 4 
 5 /** 
 6 * @author BieHongLi 
 7 * @version 创建时间:2017年3月9日 上午11:11:24 
 8 * 
 9 */
10 public class UserTest {
11 
12     public static void test1(){
13         //数据库查询的记录
14         User user=new User();
15         user.setId(1001);
16         user.setName("张三");
17         
18         //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
19         String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
20         System.out.println(json);
21     }
22     
23     public static void main(String[] args) {
24         //调用第一个test1()方法
25         test1();
26     }
27     
28 }

演示效果如下所示:


  第二种方式:使用apache下面封装好的jar包

     (1):第一步,导入json的jar包,如下所示的jar包; 

         链接:http://pan.baidu.com/s/1jH6gN46 密码:lbh1

       

     (2):开始使用apache这个公益组织封装好的jar进行测试;

         分别测试将对象,将数组,将集合转化为json格式。

                    牢记,熟练应用集合转化为json格式。

 1 package com.bie.test;
 2 
 3 import com.bie.po.User;
 4 
 5 import net.sf.json.JSONObject;
 6 
 7 /** 
 8 * @author BieHongLi 
 9 * @version 创建时间:2017年3月9日 上午11:11:24 
10 * 
11 */
12 public class UserTest {
13 
14     public static void test1(){
15         //数据库查询的记录
16         User user=new User();
17         user.setId(1001);
18         user.setName("张三");
19         
20         //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
21         String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
22         System.out.println(json);
23     }
24     
25     //将对象转化为json
26     public static void test2(){
27         //数据库查询的记录
28         User user=new User();
29         user.setId(1002);
30         user.setName("李四");
31         
32         //一定要引入所需的jar包,才可以使用此对象哦
33         JSONObject obj=JSONObject.fromObject(user);
34         System.out.println(obj);
35     }
36     
37     public static void main(String[] args) {
38         //调用第一个test1()方法
39         //test1();
40         
41         //调用第二个test2()方法
42         test2();
43     
44     }
45     
46 }

演示效果如下所示:


下面是将数组和集合转化为json格式的,最重要的是将集合转化为json格式的哦。

 1 package com.bie.test;
 2 
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 
 6 import com.bie.po.User;
 7 
 8 import net.sf.json.JSONArray;
 9 import net.sf.json.JSONObject;
10 
11 /** 
12 * @author BieHongLi 
13 * @version 创建时间:2017年3月9日 上午11:11:24 
14 * 
15 */
16 public class UserTest {
17 
18     public static void test1(){
19         //数据库查询的记录
20         User user=new User();
21         user.setId(1001);
22         user.setName("张三");
23         
24         //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
25         String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
26         System.out.println(json);
27     }
28     
29     //将对象转化为json
30     public static void test2(){
31         //数据库查询的记录
32         User user=new User();
33         user.setId(1002);
34         user.setName("李四");
35         
36         //一定要引入所需的jar包,才可以使用此对象哦
37         JSONObject obj=JSONObject.fromObject(user);
38         System.out.println(obj);
39     }
40     
41     //将数组转化为json
42     public static void test3(){
43         String[] arr={"张三","李四","王五"};
44         JSONArray array=JSONArray.fromObject(arr);
45         
46         System.out.println(array);
47     }
48     
49     //将ArrayList转化为json格式
50     public static void test4(){
51         List<User> list=new ArrayList<>();
52          for(int i=0;i<10;i++){
53              User user=new User(i,"张三"+i);
54              list.add(user);
55          }
56         
57          JSONArray listArray=JSONArray.fromObject(list);
58          System.out.println(listArray);
59          
60     }
61     
62     
63     public static void main(String[] args) {
64         //调用第一个test1()方法
65         //test1();
66         
67         //调用第二个test2()方法
68         //test2();
69     
70         //调用第第三个test3()方法
71         //test3();
72         
73         //调用第四个test4()方法
74         test4();
75     }
76     
77 }

 演示 效果如下所示:


JSON和AJAX更搭配哦,必会哦,向着胜利的曙光,go!!!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JSON 基本使用
JSON 基本使用
5267 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10086 0
Android JSON解析库Gson和Fast-json的使用对比和图书列表小案例
Android JSON解析库Gson和Fast-json的使用对比和图书列表小案例 继上篇json解析,我用了原生的json解析,但是在有些情况下我们不得不承认,一些优秀的json解析框架确实十分的好用,今天我们为了博客的保质保量,也就不分开写,我们直接拿比较火的Gson和Fast-json来使用,末尾在进行一些分析 一.
1473 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
10883 0
Swift语言中如何使用JSON数据教程
原文:Swift语言中如何使用JSON数据教程 这是一篇翻译文章,原文出处:http://www.raywenderlich.com/82706/working-with-json-in-swift-tutorial   Swift语言中如何使用JSON数据教程   JSON(全称:JavaScript Object Notation),是网络服务中传输数据的常用方法,JSON因为容易使用,且可读性强, 所以非常受到欢迎。
965 0
kbmmw 中JSON 中使用SQL 查询
前面讲到了kbmmw 的JSON 对象操作,如何快速的查找JSON 中的值? 一种办法就是通过遍历的方法,其实在kbmmw 还有一种灵活的查询方式, 就是通过SQL 方式查询JSON 中的值。也就是说用TKbmmwmemSQL 控件来实现。
914 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13891 0
《AngularJS高级程序设计》——5.10 使用JSON
JavaScript对象符号(JSON)已经成了名副其实的Web应用数据格式。在JavaScript代码中使用JSON是简单且容易的,这就是为什么它已经变得如此流行。JSON支持一些基本的数据类型,与JavaScript巧妙地结合在了一起:Number、String、Boolean、Array、Object和特殊类型null。
1447 0
+关注
biehl
爱生活,爱工作。
202
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载