使用javascript解析xml文件,以前做过一些的,现在又要重新用到了,害我又花了很多时间去做,居然还没有做出来,因此把以前做的一个例子给贴出来,以后就直接上博客上来找了
现在很晕~~~~
现在又只是IE下可以,firefox下不行了,记得以前做的时候都是可以的,不知是不是因为和firefox的版本有关系。在网上查了下资料,主要是onreadystatechange这里引起的,也没有找到合适的解决方案~~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(){
var url="http://blog.sina.com.cn/rss/soundfragment.xml";
alert(url);
if(url==""){
alert("Please Input URL");
return ;
}
xmlhttp=null;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null){
xmlhttp.onreadystatechange=updatePage;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
} else{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change(){
alert(xmlDoc);
if (xmlhttp.readyState==4){
if (xmlhttp.status==200){
updatePage();
}
else{
alert("Problem retrieving XML data");
}
}
}
function updatePage(){
var xmlDoc = xmlhttp.responseXML;
var result = xmlDoc.getElementsByTagName("item");
var mess=document.getElementById("mess");
mess.innerHTML="";
for (var i = 0; i < result.length; i++){
var title = xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue;
var link = xmlDoc.getElementsByTagName("link")[i].childNodes[0].nodeValue;
var value="<a href='"+link+"'>"+title+"</a>";
mess.innerHTML+=value+"<br />";
}
}
</script>
<div><input type="button" value="显示" onclick="loadXMLDoc()" /></div>
<div id="mess"></div>
</BODY>
</HTML>
</BODY>
</HTML>
分享到:
相关推荐
资源名称:使用Javascript解析xml文件或xml格式字符串 中文WORD版 内容简介: 本文档主要讲述的是使用Javascript解析xml文件或xml格式字符串;javascript中,不论是解析xml文件,...
在给定的文件中,我们可以看到使用 JavaScript 解析 XML 文件的两种方法:使用 DOMParser 对象和使用 ActiveXObject 对象。 使用 DOMParser 对象 DOMParser 对象是 Mozilla 浏览器中的一种对象,用于将 XML 字符串...
在JavaScript中解析XML文件是一项常见的任务,特别是在网页开发中,我们可能需要将XML数据转换为HTML以便更好地展示或处理。JavaScript提供了DOMParser API和ActiveXObject(仅限于Internet Explorer)来解析XML。...
本文将深入探讨如何使用JavaScript在服务器端解析XML文件,并将其转化为树形菜单,以供用户交互。 首先,理解XML的基本结构至关重要。XML是一种自描述性的文本格式,通过标签来定义数据结构。例如: ```xml ...
综上所述,要完成“JavaScript解析XML文件并在网页上以目录树形式显示”的任务,你需要理解XML的基本概念,熟悉JavaScript的DOM操作,掌握XML数据的解析方法,以及如何将XML数据转换为HTML结构,并通过CSS和...
### JavaScript 对 XML 文件解析知识点详解 #### 一、XML 文件解析背景及意义 XML(Extensible Markup Language,可扩展标记语言)是一种用于标记数据的语言,主要用于传输和存储数据。在 Web 开发中,XML 常被...
要使用JavaScript处理XML,主要涉及两个关键步骤:加载XML文件和解析XML内容。在描述中提到的博文中,作者可能讲解了以下技术: 1. **XMLHttpRequest对象**:这是JavaScript中用于异步请求数据的原生对象。通过创建...
### JavaScript读写XML文件:深度解析与应用实例 在现代Web开发中,XML(Extensible Markup Language)作为一种标准的数据交换格式,被广泛应用于各种场景,如配置文件、数据传输等。利用JavaScript进行XML文件的...
在JavaScript中解析XML文件是一项常见的任务,特别是在处理服务器返回的数据或者构建富客户端应用时。XML(eXtensible Markup Language)是一种结构化数据格式,它允许我们存储和传输信息,而JavaScript作为浏览器中...
以下是一个简单的示例,展示如何使用DOM4J解析XML文件并获取特定节点: ```java import org.dom4j.Document; import org.dom4j.DocumentHelper; import org.dom4j.Element; // 加载XML文件 Document document = ...
本文将深入探讨如何使用JavaScript处理XML文件,包括解析XML、访问XML节点以及展示XML数据。 首先,我们需要了解XML(Extensible Markup Language)是一种标记语言,常用于传输和存储数据。它的结构清晰,易于人...
JavaScript是Web开发中不可或缺...通过分析和理解这些代码,你可以更好地掌握JavaScript解析XML、SSH登录以及MVC架构的应用。记住,实践是检验理论的最好方式,尝试自己动手实现这些功能,将有助于深化理解和提升技能。
JAVASCRIPT解析XML的方法总结.pdf
JavaScript中的XML解析器是用于处理XML数据的关键工具,它允许开发者在浏览器环境中解析XML文档或者XML字符串,从而在Web应用中有效地使用这些数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于...
下面将详细介绍如何使用JavaScript进行XML文件的操作,主要包括增加、删除、修改和查询。 1. **加载XML文件** 在JavaScript中,我们可以使用`XMLHttpRequest`对象或者`fetch` API来加载XML文件。例如: ```...
在这个例子中,我们将深入探讨如何使用DOM解析XML文件,以理解和掌握XML文档的结构,并进行数据提取、修改和创建。 首先,XML(Extensible Markup Language)是一种标记语言,用于存储和传输数据,具有自描述性和...
#### 二、使用JavaScript读取XML文件的方法 ##### 1. 使用`XMLHttpRequest`对象读取XML文件 - **概述**:`XMLHttpRequest`是JavaScript的一个内置对象,常用于异步加载XML文件或JSON数据等。 - **示例代码**: ...
标题"xml.rar_javascript_javascript xml_xml javascript_xml文件"暗示了我们关注的重点是如何使用JavaScript来解析和操作XML。以下是一些关键知识点: 1. **创建XML对象**: JavaScript中,可以通过`...
总结,JavaScript解析XML文档成树菜单涉及到DOM解析、XMLHttpRequest或fetch请求、DOM遍历、HTML结构生成、事件处理等多个技术点。具体实现可能因XML结构和需求而异,但基本流程是相似的。阅读原博客(288976)可以...
总结来说,实现JavaScript解析XML以创建多级级联下拉列表涉及的主要知识点包括:JavaScript基础、XML文件结构与解析、DOM操作、事件监听以及动态生成HTML元素。通过这些技术,可以构建出交互性强、用户体验良好的Web...