JSON

Posted 2021-01-19 破天荒的谎言、谈敷衍

1、JSON
   1、JS 对象
       语法：
     1、通过一对{}表示一个对象
     2、在 {} 中允许通过，key:value 的形式来表示属性
     3、多对的属性和值之间使用 , 隔开
        ex： var obj = {
         name:‘MrWang‘,
         age:37,
         gender:‘Unknown‘
         }
   2、什么是JSON   
     JSON:javascript Object Notation
           JS        对象   表现形式
     按照JS对象的格式所构建出来的字符串就是JSON串。
     在ajax中，允许将 复杂格式的响应数据（如列表等）构建成 JSON的格式的字符串再进行响应输出
   3、JSON的表现（语法）
     1.JSON表示单个对象
         1、使用 {} 表示单个对象
         2、在 {} 中使用 key:value 的格式来表示数据(属性)
         3、多对属性和值之间使用 , 隔开
         4、Key必须使用 "" 引起来
         5、value如果是字符串的话，也需要用""引起来

        ex:
             var obj = {
             "name":"王老师",
             "age":37,
             "gender":"Unknown"
             }
             var str = ‘{"name":"Mrwang","age":37,"gender":"Unknown"}‘
     2、JOSN表示多个对象（数组）
         1、使用 []（数组）来表示多个对象
         2、数组中允许包含多个JSON对象 或 字符串
             1、使用JSON数组表示若干字符串
                 var arr = ["王老师","王夫人","王小超"];
                 var str = ‘["王老师","王夫人","王小超"]‘;
             2、使用JSON数组来表示若干对象
                 ex：保存 2个人的信息(name,age,gender)
                 var arr = [
                     {
                     "name":"王老师",
                     "age":37,
                     "gender":"男"
                     },
                     {
                     "name":"王夫人",
                     "age":28,
                     "gender":"男"
                     }
                 ];

                var str = ‘[
                     {
                     "name":"王老师",
                     "age":37,
                     "gender":"男"
                     },
                     {
                     "name":"王夫人",
                     "age":28,
                     "gender":"男"
                     }
                 ]‘;
   4、使用jq的 each() 函数迭代数组
     1、$.each();
         语法：
             $.each(arr,function(index,obj){
                 //index：遍历出来的元素下标
                 //obj：表示遍历出来的元素
             });
         参数：arr : js 中的普通数组
     2、$obj.each();
         语法：
             $obj.each(arr,function(index,obj){
                 //index：遍历出来的元素下标
                 //obj：表示遍历出来的元素
             });
             该函数用于循环遍历$obj元素

---------------------------------
     2、$arr.each();
         $arr : jQuery中的数组
         语法：
             $arr.each(function(index,obj){
                 index:遍历出来的元素的下标
                 obj:遍历出来的元素
             });   
2、后台处理JSON
     在后台查询数据时，需要先将数据转换为JSON格式的字符串，再响应给客户端。到了前端后再将字符串转换为JS对象在进行解析
     1、步骤
     1、后台先获取数据
         数据类型分为：
         1、元祖
         2、列表
         3、字典
     2、在后台将数据转换为符合JSON格式的字符串
     3、在后台将JOSN格式字符串进行响应
     4、在前端将JOSN格式的字符串解析成JS对象
     2、Python中的JSON处理
     使用Python 中的 json 类就可以完成转换
     import json
     jsonStr = json.dumps(元组|列表|字典)
     return jsonStr
3、前端中的JSON处理
     由于在服务器端响应回来的数据是 String，有些时候有必要将响应回来的数据转换为JS对象或数组。
     通过以下方式，将JSON的串转换为JS对象或数组
     在JS中：
         js对象/数组 = JSON.parse(JSON字符串)