前端数据交互之json&ajax

1.json

　　json是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式。

　　json的作用：在不同的系统平台，或不同编程语言之间传递数据。

1.1 json数据的语法

　　json数据对象类似于JavaScript中的对象，但是它的键对应的值里面是没有函数方法的，值可以是普通变量，不支持undefined，值还可以是数组或者json对象。

// json数据的对象格式：
{    "name":"tom",    "age":18}

// json数据的数组格式：
["tom",18,"programmer"]

复杂的json格式数据可以包含对象和数组的写法。

 1 {
 2   "name":"小明",
 3   "age":200,
 4   "fav":["code","eat","swim","read"],
 5   "son":{
 6     "name":"小小明",
 7     "age":100,
 8   }
 9 }
10 
11 // 数组结构也可以作为json传输数据。

json数据可以保存在.json文件中，一般里面就只有一个json对象

总结概述:

1. json文件的后缀是json
2. json文件一般保存一个单一的json数据对象
3. json数据的属性不能是方法或者undefined，属性值只能：数值、字符串、对象和数组
4. json数据只使用双引号、每一个属性成员之间使用逗号隔开，并且最后一个成员没有逗号。 
  {      "name":"小明",      "age":200,     
 "fav":["code","eat","swim","read"],     
 "son":{  "name":"小小明", "age":100 }
 }

1.2 js中提供的json数据转换方法

方法	参数	返回值	描述
stringify	json对象	字符串	json对象转成字符串
parse	字符串	json对象	字符串格式的json数据转成json对象

示例代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
    var json_obj = {
      "name":"小明",
      "age":200,
      "fav":["code","eat","swim","read"],
      "son":{
        "name":"小小明",
        "age":100
      }
    };
        // json对象转换成字符串格式的json数据
    var data_str = JSON.stringify(json_obj);
    console.log( data_str );
        // 字符串格式的json数据转换成json对象
    var data_json = JSON.parse(data_str);
    console.log( data_json );
    </script>
</head>
<body>

</body>
</html>

View Code