任务2使用JSON生成漫画类型列表

7.2任务2：使用JSON生成漫画类型列表任务描述用Servlet获取漫画类别列表，并拼接成JSON文本；然后，在客户端通过$.ajax()方法调用后台的Servlet，获取漫画类别的JSON文本，并进行解析和显示。任务描述技能目标熟悉JSON的文本格式掌握解析JSON文本的方法能够运用Ajax获取并解析JSON数据技能目标7.2.1JSON简介JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。它基于JavaScript的一个子集，采用完全独立于语言的文本格式。JSON类似于实体类对象，通常用来在客户端和服务器之间传递数据。1、定义JSON对象语法格式：varJSON对象={name:value,name:value,…];JSON数据以名/值对的格式书写，名和值用"."隔开，名/值对之间用"，"隔开，整个表达式放在"{}"中。其中，name必须是字符串，由双引号("")括起来，value可以是String、Number、bealoon、null、对象、数组。例如：varperson={"name":"张三"，"age":30}；2、定义JSON数组语法格式：varJSON数组=[value，value，…]JSON数组的整个表达式放在"[]"中，元素之间用"，"隔开。例如，字符串数组[“中国”，“美国”，“俄罗斯”],

对象数组[{"name":"张三"，"age":30}，{"name":"李四"，"age":20}]。7.2.2JSON的基本用法JSON最常见的用法之一，是从Web服务器上读取JSON数据（作为文件或作为HttpRequest），将JSON数据转换为JavaScript对象，然后在网页中使用该数据。使用过程一般分两步：添加用于显示JSON数据的页面元素；用JavaScript获取JSON数据，并显示在相应的页面元素中。而在页面中解析JSON数据可以通过两种方法来完成。1、用JavaScript解析JSON

由于JSON语法是JavaScript语法的子集，JavaScript函数eval()可用于将JSON文本转换为JavaScript对象。需要注意的是，必须把文本包围在括号中，才能避免语法错误。7.2.2JSON的基本用法7.2.2JSON的基本用法2、用jQuery解析JSON可以通过jQuery.parseJSON()函数解析JSON。使用字符串作为输入，将JSON文本转换为JavaScript对象，然后遍历数据元素，并以表格的形式输出。任务实现一、创建用于返回JSON文本的Servlet由于漫画类别相关的数据访问和业务逻辑代码在前面的章节中已经完成，这里直接创建控制器Servlet（TypeJSONServlet），调用业务逻辑代码获取漫画类型列表，并将其拼接成JSON文本，返回给客户端。任务实现二、在客户端获取并解析JSON文本1、获取漫画类型的JSON文本编写initTypes()方法，用于通过$.ajax()方法调用TypeJSONServlet，获取JSON文本。2、解析并显示漫画列表编写processTypeList(data)方法，用于解析漫画类型的JSON文本，并用<ul>页面元素对其进行显示，然后把该方法作为initTypes()方法中$.ajax()的"success"参数值。3、给按钮绑定事件处理代码获取数据显示按钮，并把initTypes()方法绑定到该按钮的单击事件中。任务实现任务实现拓展与提高json-lib是一个Java类库（官网：/）可以实现如下功能：转换javabeans,maps,collections,javaarrays和XML成为JSON格式的数据；转换JSON格式的数据成为JavaBean对象。需要注意的是，在将JSON形式的字符串转换为JavaBean的时候，该Bean必须有无参构造函数，否则会报找不到初始化方法的错误。在项目中导入json-lib包（这里以json-lib-2.4-jdk15.jar为例）及其所依赖的包，即可方便地解析JSON文本。拓展与提高System.out.print("将Array解析成Json串:");String[]str={"Jack","Tom","90","true"};JSONArrayjson=JSONArray.fromObject(str);System.out.println(json); System.out.print("将集合解析成Json串:");List<String>list=newArrayList<String>();list.add("Tom");list.add("Jerry");json=JSONArray.fromObject(list);System.out.println(json);System.out.print("将Json串转换成Array:");JSONArrayjsonArray=JSONArray.fromObject("[89,90,99]");Objectarray=JSONAr