课程主题JavaScriptJSON网页客户端技术课.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：JavaScriptJSON

什么是JSON01如何实现JSON02JSON相关方法03实例04任务6JavaScriptJSON

JSON的全称是”JavaScriptObjectNotation”，意思是JavaScript对象表示法，它是一种基于文本，独立于语言的轻量级数据交换格式。与XML一样，用于数据交换，XML也是一种数据交换格式，但是由于XML虽然可以作为跨平台的数据交换格式，但是在JavaScript中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSON没有附加的任何标记，在JavaScript中可作为对象处理，所以目前大多数程序员都倾向于选择JSON来交换数据。JSON使用JavaScript语法，易于理解，但是JSON格式仅仅是一个文本。什么是JSON01六JavaScriptJSON

（01）JSON语法如下代码定义了sites对象，3条网站信息（对象）的数组：{sites:[{name:CSMZXY,url:},{name:worlduc,url:},{name:baidu,url:}]}什么是JSON01六JavaScriptJSON

（02）JSON语法规则如下：数据为键/值对；数据由逗号分隔；大括号保存对象；方括号保存数组。什么是JSON01六JavaScriptJSON

（03）JSON数据使用JSON数据格式时一个名称对应一个值，JSON数据格式为键/值对，就像JavaScript对象属性。键/值对包括字段名称（在双引号中），后面一个冒号，然后是值，如下代码所示：name:baidu“什么是JSON01六JavaScriptJSON

（04）JSON对象JSON对象保存在大括号内。就像在JavaScript中,对象可以保存多个键/值对，如下代码所示：{name:CSMZXY,url:}什么是JSON01六JavaScriptJSON

（05）JSON数组JSON数组保存在中括号内。就像在JavaScript中,数组可以包含对象，如下代码所示：{sites:[{name:CSMZXY,url:},{name:worlduc,url:},{name:baidu,url:}]}什么是JSON01六JavaScriptJSON

因为JSON使用JavaScript语法，所以无需额外的软件就能处理JavaScript中的JSON，具体处理有以下几种：通过JavaScript，可以创建一个对象数组，并像这样进行赋值，代码如下所示：varsites=[{name:长沙民政,url:},{name:世界大学城,url:},{name:百度,url:}?];什么是JSON01六JavaScriptJSON

访问JavaScript对象数组中的第一项（索引从0开始），代码如下所示：sites[0].name;或者：sites[0][name’]; 上述代码执行之后返回的内容是：长沙民政如何实现JSON02六JavaScriptJSON

修改数据，代码如下所示：sites[0].name=“CSMZXY”;也可以如下：sites[0][name]=CSMZXY;上述代码执行之后，JavaScript对象数组中的第一项的name值是：CSMZXY如何实现JSON02六JavaScriptJSON

（01）JSON对象嵌套JSON对象嵌套就是JSON对象中可以包含另外一个JSON对象，代码如下所示：varmyObj={name:webSites,alexa:4,sites:{CSMZXY:,worlduc:,baidu:}}如何实现JSON02六JavaScriptJSON

（02）删除对象属性可以使用delete关键字来删除JSON对象的属性，例如，要删除上述代码myObj对象中的键为“baidu”的那个属性，代码如下所示：deletemyObj.sites[2]也可以：deletemyObj.sites[baidu]如何实现JSON02六JavaScriptJSON

JSON通常用于与服务端交换数据。