ajax遍历xml文档的方法

这篇文章主要介绍了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

(0)
上一篇 2025年3月8日 07:58:13
下一篇 2025年2月27日 21:21:08

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Ajax上传实现根据服务器端返回数据进行js处理的方法

    这篇文章主要介绍了ajax上传实现根据服务器端返回数据进行js处理的方法,实例分析了ajax请求及java处理并返回服务器端数据请求的相关技巧 本文实例讲述了Ajax上传实现根据服务器端返回数据进行js处理的方法。分享给大家供大家参考。具体…

    编程技术 2025年3月8日
    000
  • Ajax获取响应内容长度的方法

    这篇文章主要介绍了ajax获取响应内容长度的方法,涉及ajax调用成功后返回方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了Ajax获取响应内容长度的方法。分享给大家供大家参考。具体如下: var xhr = $.…

    编程技术 2025年3月8日
    200
  • Ajax方式实现定期更新页面某块内容的方法

    这篇文章主要介绍了ajax方式实现定期更新页面某块内容的方法,涉及jquery中load方法ajax调用及setinterval定时执行的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了Ajax方式实现定期更新页面某块内…

    编程技术 2025年3月8日
    200
  • ajax读取properties资源文件数据的方法

    这篇文章主要介绍了ajax读取properties资源文件数据的方法,实例分析了基于ajax实现读取properties资源文件数据的相关技巧,需要的朋友可以参考下 本文实例讲述了ajax读取properties资源文件数据的方法。分享给大…

    编程技术 2025年3月8日
    200
  • 浅谈Ajax相关及其优缺点

    最近在学习有关 ajax 的知识,上网查阅了一些有关 ajax 的资料,主要是有关 ajax的技术简介及其优缺点等。在这里,我想对我收集的资料做一些小小的总结,大部分资料都来自网上,本人在此只做分类总结,希望对和我一样正在学习 ajax 的…

    编程技术 2025年3月8日
    200
  • ajax跨域(基础域名相同)表单提交的方法

    这篇文章主要介绍了ajax跨域(基础域名相同)表单提交的方法,实例分析了ajax提交过程中表单跨域提交的技巧,需要的朋友可以参考下 本文实例讲述了ajax跨域(基础域名相同)表单提交的方法。分享给大家供大家参考。具体如下: 1.要在做aja…

    编程技术 2025年3月8日
    200
  • Webpack加载模块有哪些方法

    这次给大家带来Webpack加载模块有哪些方法,Webpack加载模块的注意事项有哪些,下面就是实战案例,一起来看一下。 两个简单的源文件 为了方便分析 webpack 加载模块的原理,我们准备了两个文件: hello.js const h…

    2025年3月8日
    200
  • Ajax加载外部页面弹出层效果实现方法

    这篇文章主要介绍了ajax加载外部页面弹出层效果实现方法,涉及ajax加载弹出层的实现技巧,非常简单实用,需要的朋友可以参考下 本文实例讲述了Ajax加载外部页面弹出层效果实现方法。分享给大家供大家参考。具体实现方法如下: nbsp;htm…

    编程技术 2025年3月8日
    200
  • 基于firefox实现ajax图片上传

    这篇文章主要介绍了基于firefox实现ajax图片上传,大家都知道在ff下使用ajax是件挺困难的事情,今天给大家介绍的是完美解决这个问题的方法,小伙伴可以参考下。 图片文件上传,有很多种协议的,这次主要讲的是“Content-Type:…

    编程技术 2025年3月8日
    200
  • 前端中页面渲染优化方法总结

    这次给大家带来前端中页面渲染优化方法总结,前端中页面渲染优化的注意事项有哪些,下面就是实战案例,一起来看一下。 为什么做优化 经典问题:白屏时间过长,用户体验差产生的原因:网络问题、关键渲染路径(CRP)问题 怎么做优化 如何做好优化呢,网…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论