JAVAWEB开发实战经典PPT031403_返回XML数据.ppt

《JAVAWEB开发实战经典PPT031403_返回XML数据.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JAVAWEB开发实战经典第14章：AJAX开发技术——返回XML数据李兴华北京魔乐科技软件学院本章目标使用AJAX+XML完成操作；可以直接在后台利用DOM动态生成XML文件，并交付给AJAX进行显示。返回XML数据在XMLHttpRequest对象中也可以使用responseXML()方法接收一组返回的XML数据，这些返回的XML数据可以动态生成（利用JDOM工具将数据库中的数据变为XML文件），也可以直接读取一个XML文件，当客户端接收到读取的XML文件之后，可以通过DOM解析的方式对数据进行操作。要回传的XML文件——allarea.xml

2、ersion="1.0"encoding="GBK"?>123使用AJAX解析XML，并生成下拉列表框functiongetCity(){createXMLHttp();//建立xmlHttp核心对象xmlHttp.open("POST","allarea.xml");//设置一个请求xmlH

3、ttp.onreadystatechange=getCityCallback;xmlHttp.send(null);//发送请求，不传递任何参数}functiongetCityCallback(){//定义回调函数if(xmlHttp.readyState==4){//数据返回完毕if(xmlHttp.status==200){//HTTP操作正常//取得allarea节点下的全部节点varallarea=xmlHttp.responseXML.getElementsByTagName("allarea")[0].childNodes;varselect=do

4、cument.getElementById("city");select.length=1;//显示一个内容select.options[0].selected=true;//设置第一个为选中状态//循环all下的子节点for(vari=0;ivaroption=document.createElement("option");varid=area.getElementsByTagName("id")[0].firstChild.nodeValue;var

5、title=area.getElementsByTagName("title")[0].firstChild.nodeValue;option.setAttribute("value",id);option.appendChild(document.createTextNode(title));select.appendChild(option);}}}}使用XML进行数据交换现在前台页面接收的数据不再像使用传统MVC那样需要编写Java代码了，而只需要将所需的XML数据传回到页面之中即可，而后台的开发语言，可以任意选择，例如：选择PHP或ASP.NET等，这

6、样一个前台页面在各种开发平台下都可以通用了。小结通过XML操作可以使数据操作更加的方便，也不受平台限制。使用AJAX+JavaScript+DOM操作可以完成各种复杂的前台操作。下一章内容Struts基础开发