JSON基础教程

JSON教程JSON：JavaScript对象表示法（JavaScriptObjectNotation）。JSON是存储和交换文本信息的语法。类似XML。JSON比XML更小、更快，更易解析。每一章中用到的实例{employees:[{firstName:Bill,lastName:Gates},{firstName:George,lastName:Bush},{firstName:Thomas,lastName:Carter}]}这个employee对象是包含3个员工记录（对象）的数组。什么是JSON？JSON指的是JavaScript对象表示法（JavaScriptObjectNotation）JSON是轻量级的文本数据交换格式JSON独立于语言*JSON具有自我描述性，更易理解*JSON使用JavaScript语法来描述数据对象，但是JSON仍然独立于语言和平台。JSON解析器和JSON库支持许多不同的编程语言。JSON-转换为JavaScript对象JSON文本格式在语法上与创建JavaScript对象的代码相同。由于这种相似性，无需解析器，JavaScript程序能够使用内建的eval()函数，用JSON数据来生成原生的JavaScript对象。亲自试一试-实例通过我们的编辑器，您可以在线编辑JavaScript代码，然后通过点击一个按钮来查看结果：htmlbodyh2在JavaScript中创建JSON对象/h2pName:spanid=jname/spanbr/Age:spanid=jage/spanbr/Address:spanid=jstreet/spanbr/Phone:spanid=jphone/spanbr//pscripttype=text/javascriptvarJSONObject={name:BillGates,street:FifthAvenueNewYork666,age:56,phone:[phone]};document.getElementById(jname).innerHTML=JSONObject.namedocument.getElementById(jage).innerHTML=JSONObject.agedocument.getElementById(jstreet).innerHTML=JSONObject.streetdocument.getElementById(jphone).innerHTML=JSONObject.phone/script/body/html亲自试一试类似XMLJSON是纯文本JSON具有“自我描述性”（人类可读）JSON具有层级结构（值中存在值）JSON可通过JavaScript进行解析JSON数据可使用AJAX进行传输相比XML的不同之处没有结束标签更短读写的速度更快能够使用内建的JavaScripteval()方法进行解析使用数组不使用保留字为什么使用JSON？对于AJAX应用程序来说，JSON比XML更快更易使用：使用XML读取XML文档使用XMLDOM来循环遍历文档读取值并存储在变量中使用JSON读取JSON字符串用eval()处理JSON字符串SON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JSON名称/值对JSON数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：firstName:John这很容易理解，等价于这条JavaScript语句：firstName=JohnJSON值JSON值可以是：数字（整数或浮点数）字符串（在双引号中）逻辑值（true或false）数组（在方括号中）对象（在花括号中）nullJSON对象JSON对象在花括号中书写：对象可以包含多个名称/值对：{firstName:John,lastName:Doe}这一点也容易理解，与这条JavaScript语句等价：firstName=JohnlastName=DoeJSON数组JSON数组在方括号中书写：数组可包含多个对象：{employees:[{firstName:John,lastName:Doe},{firstName:Anna,lastName:Smith},{firstName:Peter,lastName:Jones}]}在上面的例子中，对象employees是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。JSON使用JavaScript语法因为JSON使用JavaScript语法，所以无需额外的软件就能处理JavaScript中的JSON。通过JavaScript，您可以创建一个对象数组，并像这样进行赋值：例子varemployees=[{firstName:Bill,lastName:Gates},{firstName:George,lastName:Bush},{firstName:Thomas,lastName:Carter}];可以像这样访问JavaScript对象数组中的第一项：employees[0].lastName;返回的内容是：Gates可以像这样修改数据：employees[0].lastName=Jobs;亲自试一试在下面的章节，您将学到如何把JSON文本转换为JavaScript对象。JSON文件JSON文件的文件类型是.jsonJSON文本的MIME类型是application/json把JSON文本转换为JavaScript对象JSON最常见的用法之一，是从web服务器上读取JSON数据（作为文件或作为HttpRequest），将JSON数据转换为JavaScript对象，然后在网页中使用该数据。为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。JSON实例-来自字符串的对象创建包含JSON语法的JavaScript字符串：vartxt='{employees:['+'{firstName:Bill,lastName:Gates},'+'{firstName:George,lastName:Bush},'+'{firstName:Thomas,lastName:Carter}]}';由于JSON语法是JavaScript语法的子集，JavaScript函数eval()可用于将JSON文本转换为JavaScript对象。eval()函数使用的是JavaScript编译器，可解析JSON文本，然后生成JavaScript对象。必须把文本包围在括号中，这样才能避免语法错误：varobj=eval((+txt+));在网页中使用JavaScript对象：例子pFirstName:spanid=fname/spanbr/LastName:spanid=lname/spanbr//pscripttype=text/javascriptdocument.getElementById(fname).innerHTML=obj.employees[1].firstNamedocument.getElementById(lname).innerHTML=obj.employees[1].lastName/script亲自试一试JSON解析器提示：eval()函数可编译并执行任何JavaScript代码。这隐藏了一个潜在的安全问题。使用JSON解析器将JSON转换为JavaScript对象是更安全的做法。JSON解析器只能识别JSON文本，而不会编译脚本。在浏览器中，这提供了原生的JSON支持，而且JSON解析器的速度更快。较新的浏览器和最新的ECMAScript(JavaScript)标准中均包含了原生的对JSON的支持。Web浏览器支持Web软件支持Firefox(Mozilla)3.5InternetExplorer8ChromeOpera10Safari4jQueryYahooUIPrototypeDojoECMAScript1.5亲自试一试对于较老的浏览器，可使用JavaScript库：格式最初是由DouglasCrockford制定的。