JavaWeb基础——Json

最新推荐文章于 2022-03-29 12:37:51 发布

Jorocco

最新推荐文章于 2022-03-29 12:37:51 发布

阅读量306

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/Jorocco/article/details/79808756

版权

java 专栏收录该内容

54 篇文章 1 订阅

订阅专栏

1、Json是什么
json是一种与语言无关的数据交换的格式，作用：使用ajax进行前后台数据交换；移动端与服务端的数据交换
注意：json的key是字符串 json的value是Object
json的解析：json是js的原生内容，也就意味着js可以直接取出json对象中的数据

2、Json的格式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>json01</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
       </ul>
  </body>

  <script language="JavaScript">
    /**
     * 案例一
     *  {key:value,key:value}
     *  
     * class Person{
     *    String firstname = "张";
     *    String lastname = "三丰";
     *    Integer age = 100;
     * }
     * 
     * Person p = new Person();
     * System.out.println(p.firstname);
     */
    //Json格式
    var person={"firstname":"张","lastname":"三丰","age":100};
     //取出lastname
     alert(person.lastname);
     //取出age
     alert(person.age);




  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>json02</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
       </ul>
  </body>

  <script language="JavaScript">
    /**
     * 案例二
     *  [{key:value,key:value},{key:value,key:value}]
     *  
     */
     //Json格式
     var persons=[
         {"firstname":"张","age":100},
         {"firstname":"李","age":25}
     ];
    //取出firstname=李
    alert(persons[1].firstname);
    //取出100
    alert(persons[0].age);

  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>json03</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
       </ul>
  </body>

  <script language="JavaScript">
   /**
     * 案例三
     * {
     *   "param":[{key:value,key:value},{key:value,key:value}]
     * }
     *  
     *  
     */
     var Json={
             "baobao":[
                 {"name":"小双","age":28,"addr":"扬州"},
                 {"name":"建宁","age":18,"addr":"紫禁城"},
                 {"name":"阿和","age":19,"addr":"山西"},
             ]
     };
     //取name=阿和
     alert(Json.baobao[2].name);
     //取addr=紫禁城
     alert(Json.baobao[1].addr);




  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>insertBefore.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
       </ul>
  </body>

  <script language="JavaScript">
   /**
     * 案例四
     * {
     *   "param1":[{key:value,key:value},{key:value,key:value}],
     *   "param2":[{key:value,key:value},{key:value,key:value}],
     *   "param3":[{key:value,key:value},{key:value,key:value}]
     * }
     *  
     *  
     */
     var Json={
             "baobao":[
                 {"name":"小双","age":28,"addr":"扬州"},
                 {"name":"建宁","age":18,"addr":"紫禁城"},
                 {"name":"阿和","age":19,"addr":"山西"},
             ],
             "haobao":[
                 {"name":"双","age":28,"addr":"扬州"},
                 {"name":"宁","age":18,"addr":"紫禁城"},
                 {"name":"阿","age":19,"addr":"山西"},
             ]
     };
     //取出name="阿"
     alert(Json.haobao[2].name);




  </script>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>insertBefore.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
       <ul>
         <li id="bj" name="beijing">北京</li>
       </ul>
  </body>

  <script language="JavaScript">
    /**
     * 案例五
     * {
     *   "param1":"value1",
     *   "param2":{},
     *   "param3":[{key:value,key:value},{key:value,key:value}]
     * }
     *  
     *  
     */
     var json={
             "key1":"value1",
             "key2":{"firstname":"张","lastname":"三丰","age":100},
             "key3": [
                 {"name":"小双","age":28,"addr":"扬州"},
                 {"name":"建宁","age":18,"addr":"紫禁城"},
                 {"name":"阿和","age":19,"addr":"山西"},
                 ]
     };
     alert(json.key2.lastname);
     alert(json.key3[2].addr);



  </script>
</html>