《HTML教程》_10.4教学材料.pptxVIP

解析XML的方法（1）通过XML对象的getElementsByTagName()函数来获取XML中标记；（2）通过标记的getAttribute()函数获取标记的属性；（3）通过firstChild,lastChild和childNodes来取得标记的文本结点；（4）通过节点的（标记的）nodeValue取得标记里面的值。

10.4.1准备xml文件新建JavaWeb项目，在WebContent目录下新建files文件夹，并在该文件夹下新建item.xml，输入以下内容[31]:?xmlversion=1.0encoding=UTF-8?itemid=itemGuitar category nameManufacturer/name valueGibson/value /category

category nameModel/name valueLesPaulStandard/value /category category nameDescription/name valuePeteTownshendonceplayedthisguitarwhilehisownaxewasintheshophavingbitsofdrumkitremovedfromit./value /category

category namePrice/name value5695.99/value /categorycategorytype=listnameURLs/namevalue//valuevalue/wiki/Pete_Townshend/value/category/item

10.4.2准备js工具文件在WebContent目录下新建js文件夹，并拷贝utils.js文件。并在utils.js文件中添加以下代码，如代码清单10-1。清单10-1创建Ajax异步请求对象functioncreateRequest(){ varreq=null; try{ req=newXMLHttpRequest(); }catch(e){

req=newActiveXObject(Microsoft.XMLHTTP); } returnreq;}异步请求对象的创建在第9章异步请求对象中已经详细的讲解，有不太清楚的地方，请参阅第9章9.1节。

10.4.3请求并解析XML在js文件夹中新建request.js文件，完成如下操作。第1步：给btn按钮注册事件处理程序给按钮注册事件需要在网页初始化时完成，并采用自定义addEvent()函数实现对click事件的注册，代码如清单10-2所示。

清单10-2给按钮注册单击事件//注册初始化函数window.onload=init;?//文档初始化functioninit(){ varbtn=document.getElementById(btn); addEvent(btn,click,requestXML,false);}

第2步：编写requestXML事件处理代码编写10.2中注册的requestXML函数，实现对服务器的请求。首先，通过第2步创建的createRequest函数创建req对象。然后调用req的open方法，打开请求链接responseXML.jsp，并采用GET（第1个参数，注意这个参数全部字母要大写）和异步（第3个参数）方式请求服务器。

第三，对readystatechange事件注册处理程序，准备解析服务器发回的数据。最后，调用req的send()方法发送请求。代码清单如10-3所示。

清单10-3requestXML请求代码functionrequestXML(){ req=createRequest(); req.open(GET,responseXML.jsp,true); req.onreadystatechange=getDetail; req.send();}

第3步：解析XML在此明确两个概念：结点和标记。这两个概念是一个事物的两个方面，在XML文档中就称之为标记，在XML对象中就称之为结点。就如同在HTML文档中，p称之为p标记，而在DOM对象中，则称为p结点。

如10.2.1节中的category就称之为标记，而通过getElementsByTagName(“category”)获得的就称之为category结点。

根据对10.2.1节XML文件的观察，我们可得到以下结论：（1）根标记为item。（2）根标记由若干个category标记组成。

（3）category标记分为两种：一种是