AJAX（2）

一、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元素

二、后台处理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

三、前端中的JSON处理

     由于在服务器端响应回来的数据是 String，有些时候有必要将响应回来的数据转换为JS对象或数组。
     通过以下方式，将JSON的串转换为JS对象或数组
     在JS中：
         js对象/数组 = JSON.parse(JSON字符串)