JSON ，JSONArray和JSONObject

Posted 2020-08-07 eagle

和 XML 一样，JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 javascript 准备的，因此，JSON 的数据格式非常简单，可以用 JSON 传输一个简单的 String，Number，Boolean，也可以传输一个数组，或者一个复杂的 Object 对象。

Json的基本结构是使用“{}”来包住对象，该对象包含键和值以冒号分隔，键值对之间以逗号分界，字符串要被包在双引号（""）中，并且对象的键名字始终都是一个字符串，属性值可以使任何Json支持的数据类型，包括字符串、其他对象类型、数字以及布尔类型(true或者false)、一个指定的空值和数组。Json的数组被“[]”包住，数组元素的类型可以是任何json数据类型（包括对象和数组），数组元素之间以“,”进行分隔。

{
"total":3,
"rows":[
   {
   "userId":1,
   "realName":"张梅",
   "headUrl":"href=‘teacherDetail.html‘",
   "img":"src=‘images/teacher.jpg‘",
   "introduction":"热情大方。"
   },{
   "userId":2,
   "realName":"张三",
   "headUrl":"href=‘teacherDetail.html‘",
   "img":"src=‘images/teacher.jpg‘",
   "introduction":"热情大方。"
   },{
   "userId":3,
   "realName":"李斯",
   "headUrl":"href=‘teacherDetail.html‘",
   "img":"src=‘images/teacher.jpg‘",
   "introduction":"热情大方"
   }
]
}

jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。使用方法如下：

$.getJSON(url,[data], [success(data, textStatus, jqXHR)])

url是必选参数，表示json数据的地址；
data是可选参数，用于请求数据时发送数据参数；
success是可参数，这是一个回调函数，用于处理请求到的数据。

获取json数据举例：

$.getJSON(‘test.json‘, function(data){
   for (var i = 0; i < data.rows.length; i++) {
      $(‘#test‘).append(‘<p>‘ + data.rows[i].realName + ‘</p>‘);
   }
});

JSONObject和JSONArray

区别在于JSONObject是一个{}包裹起来的一个对象(Object)，
而JSONArray则是[]包裹起来的一个数组(Array)，
说白点就是一个是数组一个是对象或字符串
JSONObjec 有键名，JSONArray没有。