这篇文章主要介绍了ajax遍历xml文档的方法,实例分析了jsp结合ajax遍历xml文档的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了ajax遍历xml文档的方法。分享给大家供大家参考。具体分析如下:
XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性。第一个属性responseText将响应提供为一个串,第二个属性 responseXML将响应提供为一个XML对象。一些简单的用例就很适合按简单文本来获取响应,如将响应显示在警告框中,或者响应只是指示成功还是失 败的词
前面中的例子是从XMLHttpRequest对象获取服务器响应,并使用XMLHttpRequest对象的responseText属性将响应获取为文本。
这次我们来使用XMLHttpRequest对象的responseXML属性,将结果获取为XML文档.这样一来,我们就可以使用W3C DOM方法来遍历XML文档。(前面文章或多或少讲过些DOM,在此不重复)
OK,下面来看例子.
首先还是一段XML文档代码(parseXML.xml)如下:
parseXML.xml如下:
MinnesotaIowaNorth DakotaTexasOklahomaLouisianaNew YorkNorth CarolinaMassachusettsCaliforniaOregonNevada
登录后复制
MyJsp.jsp如下:
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">">My JSP 'MyJsp.jsp' starting page <!---->var flg=false;var requestType = "";//得到XMLHttpRequest对象function newXMLHttpRequest() {var xmlreq = false;if (window.XMLHttpRequest) {xmlreq = new XMLHttpRequest();} else if (window.ActiveXObject) {try {xmlreq = new ActiveXObject("Msxml2.XMLHTTP");} catch (e1) {try {xmlreq = new ActiveXObject("Microsoft.XMLHTTP");} catch (e2) {}}}return xmlreq;}function startRequest(requestedList){requestType=requestedList;flg=newXMLHttpRequest();//当XMLHttpRequest对象在请求过程中间状态改变的时候//回来调用handleStateChange方法flg.onreadystatechange = handleStateChange;flg.open("GET", "parseXML.xml", true);flg.send(null);}//处理函数function handleStateChange(){if(flg.readyState==4){if(flg.status==200){if(requestType=="north"){listNorthStates();}else if(requestType=="all"){listAllStates();}if(requestType=="south"){listSouthStates();}}}}//用于显示NorthStates方法function listNorthStates(){var xmlDoc=flg.responseXML;var northNode=xmlDoc.getElementsByTagName("north")[0];var northStates=northNode.getElementsByTagName("state");outputList("North States",northStates);}//用于显示SouthStates方法function listSouthStates(){var xmlDoc=flg.responseXML;var SouthNode=xmlDoc.getElementsByTagName("south")[0];var SouthStates=SouthNode.getElementsByTagName("state");outputList("South States",SouthStates);}//用于显示AllStates方法function listAllStates(){var xmlDoc=flg.responseXML;var allStates=xmlDoc.getElementsByTagName("state");outputList("All States in Document", allStates);}//输出元素并显示于提示框中function outputList(title,states){var out=title;var currState=null;for(var i=0;i<states.length;i++){currState=states;out=out+"-"+currState.childNodes[0].nodeValue;}alert(out);}
登录后复制
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Ajax上传实现根据服务器端返回数据进行js处理的方法
双层ajax嵌套(可多层)用法实例
Ajax实现弹出式无刷新城市选择功能代码
以上就是ajax遍历xml文档的方法的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2757577.html