课件btc jquery01第八章json的使用

第八章JSON的使用本节目标服务器文件XMLJSONHTML什么是JSONJSON基本语法Ajax如何使用JSON2服务器文件在服务器端AJAX是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以。从服务器端接收数据的时候，那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言只能以如下3种格式返回数据：XMLJSONHTML3XML优点：XML是一种通用的数据格式。不必把数据强加到已定义好的格式中，而是要为数据自定义合适的标记。利用DOM可以完全掌控文档。缺点：如果文档来自于服务器，就必须得保证文档含有正确的首部信息。若文档类型不正确，那么responseXML的值将是空的。当浏览器接收到长的XML文件后，DOM解析可能会很复杂4什么是JSONJSON（JavaScriptObjectNotation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON有两种结构：“名/值”对的集合（Acollectionofname/valuepairs）。在不同的语言中，它被理解为对象，结构，关联数组等值的有序列表（Anorderedlistofvalues）。在大部分语言中，它被理解为数组这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。5JSON的基本语法对象是一个无序的“名/值”对集合。一个对象以“{”开始，“}”结束。每个“名称”后跟一个“:”；“名/值”对之间使用“,”分隔：数组是值（value）的有序集合。一个数组以“[”开始，“]”结束。值之间使用“,”分隔：字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、null、对象（object）或者数组（array）。这些结构可以嵌套数值（number）与C或者Java的数值非常相似。6JSON示例下面的JSON表示名称/值对：{"firstName":"Brett"}多个名称/值对串在一起:{"firstName":"Brett","lastName":"McLaughlin","email":""}

从语法方面来看，这与名称/值(firstName=Brett)对相比并没有很大的优势，但是在这种情况下JSON更容易使用，而且可读性更好。例如，它可以明确表示上述三个值是同一记录的一部分，是有关系的。当需要表示一组值时，JSON不但能够提高可读性，而且可以减少复杂性:{“employees":[{"firstName":"Brett","lastName":"McLaughlin","email":""},{"firstName":"Jason","lastName":"Hunter","email":""},{"firstName":"Elliotte","lastName":"Harold","email":""} ]}

这比相应的XML格式表示的数据更加简洁：7JSON示例相应的XML格式：<employees><employee><firstName>Brett</firstName><lastName>McLaughlin</lastName><email></email></employee><employee><firstName>Jason</firstName><lastName>Hunter</lastName><email></email></employee><employee><firstName>Elliotte</firstName><lastName>Harold</lastName><email></email></employee></employees>8JSON

vsXML可读性JSON和XML的可读性可谓不相上下，XML略占上风。可扩展性XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。编码难度XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。解码难度XML的解析得考虑子节点父节点关系，让人头昏眼花，而JSON的解析难度几乎为零。流行度XML已经被业界广泛的使用，而JSON才刚刚开始，但在Ajax领域，JSON凭借自身的优势有可能最终取代XML。9在JavaScript中使用JSONJSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。将JSON数据赋值给变量：varcompany={“employees":[{"firstName":"Brett","lastName":"McLaughlin","email":"},{"firstName":"Jason","lastName":"Hunter","email":""},{"firstName":"Elliotte","lastName":"Harold","email":""}]};这样将创建一个JavaScript对象10在JavaScript中使用JSON以JavaScript对象的方式访问数据，如获取第一个雇员的firstName信息：company.employees[0].fristName正如可以用点号和括号访问数据，也可以按照同样的方式轻松地修改数据：company.employees[0].fristName=“Vincent”11Ajax客户端处理JSON响应服务器端返回JSON相应的文本表示，如：{“city”:“Hefei”,“province”:“Anhui”}客户端使用eval()函数将JSON文本转化为JavaScript对象：注意，使用额外的圆括号可使eval()函数将来源输入无条件地视为表达式进行解析。然后从JavaScript对象中取得相应的值：12解析JSONJSON只是一种文本字符串。它被存储在responseText属性中为了读取存储在responseText属性中的JSON数据，需要根据JavaScript的eval语句。函数eval会把一个字符串当作它的参数。然后这个字符串会被当作JavaScript代码来执行。因为JSON的字符串就是由JavaScript代码构成的，所以它本身是可执行的代码实例：13JS处理JSON示例一：显示效果：14示例二：显示效果：15JS处理JSON示例三：显示效果：16JS处理JSON示例四：显示效果：17JS处理JSONJS处理JSON示例五：显示效果：18JQuery中请求json19服务器端JSON生成JSON本质上来说就是字符串，只不过有格式要求。我们可以通过字符串拼接手动生成JSON字符串。当然你会发现不困难，但比较麻烦。Studentstu=newStudent();stu.setName("张三");stu.setSex("男");stu.setAge(20);//字符串拼接StringBuffersb=newStringBuffer();sb.append("{'name':").append("'").append(stu.getName()).append("',").append("'sex':").append("'").append(stu.getSex()).append("',").append("'age':").append("'").append(stu.getAge()).append("'}");//拼接结果"{'name':'张三','sex':'男','age':'20'}"Stringjson=sb.toString();20服务器端JSON生成另一种方式json-lib.jar包来为我们实现生成json的功能。所必须的包有：commons-httpclient-3.1.jarcommons-lang-2.4.jarcommons-logging-1.1.1.jarjson-lib-2.4-jdk15.jarezmorph-1.0.6.jarcommons-collections-3.2.1.jar21Bean转Json

Useru=newUser();u.setAge(22);u.setUsername("hzucmj");u.setEnabled(true);

JSONObjectjson=JSONObject.fromObject(u);System.out.println(json.toString());//结果为：{"enabled":true,"username":"hzucmj","age":22}22List转JsonUseru1=newUser();u1.setAge(22);u1.setUsername("hzucmj");u1.setEnabled(true);

Useru2=newUser();u2.setAge(20);u2.setUsername("ctf");u2.setEnabled(true);

List<Object>list=newArrayList<Object>();list.add(u1);</p>list.add(u2);</p>

JSONArrayjson=JSONArray.fromObject(list);System.out.println(json.toString());//结果为：[{"enabled":false,"username":"ctf","age":20},{"enabled":false,"username":"","age":0}]23Map转JsonHashMap<String,Comparable>map=newHashMap<String,Comparable>();

map.put("name","hzucmj");

map.put("age",22);

JSONObjectjson=JSONObject.fromObject(list);

System.out.println(json.toString());//结果为：{"name":"hzucmj","age":22}24JSON小结优点：作为一种数据传输格式，JSON与XML很相似，但是它更加灵巧。JSON不需要从服务器端发送含有特定内容类型的首部信息。缺点：语法过于严谨代码不易读eval函数存在风险25解析HTMLHTML由一些普通文本组成。如果服务器通过XMLHttpRequest发送HTML，文本将存储在responseText属性中。不必从responseText属性中读取数据。它已经是希望的格式，可以直接将它插入到页面中。插入HTML代码最简单的方法是更新这个元素的innerHTML属性。26HTML小结优点：从服务器端发送的HTML代码在浏览器端不需要用JavaScript进行解析。HTML的可读性好。HTML代码块与innerHTML属性搭配，效率高。缺点：若需要通