`

javascript 读取xml 解析xml文件

阅读更多

js读取xml文件

function loadXML(xmlFile){
        var xmlDoc=null;
        //判断浏览器的类型
        //支持IE浏览器
        if(!window.DOMParser && window.ActiveXObject){
            var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
            for(var i=0;i<xmlDomVersions.length;i++){
                try{
                    xmlDoc = new ActiveXObject(xmlDomVersions[i]);
                    break;
                }catch(e){
                }
            }
        }
        //支持Mozilla浏览器
        else if(document.implementation && document.implementation.createDocument){
            try{
                /* document.implementation.createDocument('','',null); 方法的三个参数说明
                 * 第一个参数是包含文档所使用的命名空间URI的字符串; 
                 * 第二个参数是包含文档根元素名称的字符串; 
                 * 第三个参数是要创建的文档类型(也称为doctype)
                 */
                xmlDoc = document.implementation.createDocument('','',null);
            }catch(e){
            }
        }
        else{
            return null;
        }

        if(xmlDoc!=null){
            xmlDoc.async = false;
            xmlDoc.load(xmlFile);
        }
        return xmlDoc;
}

 

js读取xml字符串

function loadXMLStr(xmlString){
        var xmlDoc=null;
        //判断浏览器的类型
        //支持IE浏览器 
        if(!window.DOMParser && window.ActiveXObject){   //window.DOMParser 判断是否是非ie浏览器
            var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
            for(var i=0;i<xmlDomVersions.length;i++){
                try{
                    xmlDoc = new ActiveXObject(xmlDomVersions[i]);
                    xmlDoc.async = false;
                    xmlDoc.loadXML(xmlString); //loadXML方法载入xml字符串
                    break;
                }catch(e){
                }
            }
        }
        //支持Mozilla浏览器
        else if(window.DOMParser && document.implementation && document.implementation.createDocument){
            try{
                /* DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。
                 * 要使用 DOMParser,使用不带参数的构造函数来实例化它,然后调用其 parseFromString() 方法
                 * parseFromString(text, contentType) 参数text:要解析的 XML 标记 参数contentType文本的内容类型
                 * 可能是 "text/xml" 、"application/xml" 或 "application/xhtml+xml" 中的一个。注意,不支持 "text/html"。
                 */
                domParser = new  DOMParser();
                xmlDoc = domParser.parseFromString(xmlString, 'text/xml');
            }catch(e){
            }
        }
        else{
            return null;
        }

        return xmlDoc;
}

 

html代码测试:

<script type="text/javascript">
window.onload = function(){
		var text = document.getElementById('aaa').value;
		var xmldoc=loadXMLStr(text);
		 var elements = xmldoc.getElementsByTagName("major");
		 for (var i = 0; i < elements.length; i++) {
			var value = elements[i].getElementsByTagName("class")[0].firstChild.nodeValue;
			alert(value);					
		}
	}
</script>

<textarea id="aaa">
<IS>
    <year time="2014">
        <major name="Computer Science">
            <class>1401</class>
            <class>1402</class>
            <class>1403</class>
            <class>1404</class>
        </major>
        <major name="Communication Engineering">
            <class>1405</class>
            <class>1406</class>
            <class>1407</class>
            <class>1408</class>
        </major>
    </year>
 
    <year time="2013">
        <major name="Computer Science">
            <class>1301</class>
            <class>1302</class>
            <class>1303</class>
            <class>1304</class>
        </major>
        <major name="Communication Engineering">
            <class>1305</class>
            <class>1306</class>
            <class>1307</class>
            <class>1308</class>
        </major>
    </year>
</IS>
</textarea>

 

 

分享到:
评论

相关推荐

    javascript 对xml文件解析

    ### JavaScript 对 XML 文件解析知识点详解 ...通过以上内容可以看出,JavaScript 提供了多种方式来解析和操作 XML 文件,开发者可以根据实际需求选择合适的方法。这些技术在处理 Web 应用程序中的动态数据时尤为重要。

    javascript读取XML文件方法

    ### JavaScript读取XML文件的方法详解 #### 一、引言 在现代Web开发中,XML(可扩展标记语言)作为一种轻量级的数据交换格式,在早期的Web应用中扮演着重要的角色。JavaScript作为前端的主要编程语言之一,具备强大...

    使用javascript解析xml文件或xml格式字符串中文WORD版

    javascript中,不论是解析xml文件,还是xml格式的字符串,都是通过DOM对象来进行操作的。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看   资源截图: 资源太大,传百度网盘了,链接...

    Javascript读取xml文件

    ### JavaScript读取XML文件知识点详解 #### 一、XML与JavaScript简介 - **XML (Extensible Markup Language)**:一种标记语言,类似于HTML,用于存储和传输数据。它被设计成具有自描述性,使得数据在不同系统间...

    JavaScript读取xml文件内容.zip

    JavaScript读取XML文件内容的过程就是这样,这涉及到异步请求、XML解析以及DOM操作。这个过程对于Web开发者来说是必不可少的技能,特别是在处理需要与服务器交换数据的应用中。理解并熟练掌握这些技术,将有助于构建...

    javascript操作xml文件示例

    下面将详细介绍如何使用JavaScript进行XML文件的操作,主要包括增加、删除、修改和查询。 1. **加载XML文件** 在JavaScript中,我们可以使用`XMLHttpRequest`对象或者`fetch` API来加载XML文件。例如: ```...

    Javascript解析服务器端XML文件

    总的来说,JavaScript解析服务器端XML文件并生成树形菜单是一个常见的任务,涉及到XMLHttpRequest、DOM操作和递归算法等多个知识点。通过掌握这些技术,开发者可以构建出强大的前端应用程序,实现与服务器的数据交互...

    javascript解析xml文件

    在JavaScript中解析XML文件是一项常见的任务,特别是在网页开发中,我们可能需要将XML数据转换为HTML以便更好地展示或处理。JavaScript提供了DOMParser API和ActiveXObject(仅限于Internet Explorer)来解析XML。...

    Javascript操作XML和HTML

    例如,使用`XMLHttpRequest`对象可以异步加载XML文件,然后通过`document.createElement`、`node.appendChild`等方法解析和操作XML数据。 ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data....

    JavaScript解析XML文件,在网页上以目录树的形式显示

    综上所述,要完成“JavaScript解析XML文件并在网页上以目录树形式显示”的任务,你需要理解XML的基本概念,熟悉JavaScript的DOM操作,掌握XML数据的解析方法,以及如何将XML数据转换为HTML结构,并通过CSS和...

    js解析XML文件

    JS 解析 XML 文件 作为一名 IT 行业大师,我将从给定的...使用 JavaScript 解析 XML 文件需要了解 XML 文档的结构和各个节点的类型,选择合适的解析方法,考虑浏览器兼容性问题,并掌握相关的 JavaScript 语法和方法。

    javascript读取xml文件

    当需要在JavaScript中处理XML文件时,可以利用浏览器提供的DOM(Document Object Model)解析器或者Ajax(异步JavaScript和XML)技术来实现。以下是一些关于如何在JavaScript中读取XML文件的关键知识点: 1. **DOM...

    Javascript读取XML

    在与XML(可扩展标记语言)结合使用时,JavaScript可以方便地读取、解析和操作XML文档,实现数据的动态呈现。XML是一种结构化数据格式,常用于存储和交换数据,其语法与HTML相似但更为严格。 在提供的代码示例中,...

    js的XML解析器 可以解析XMl文件和XML字符串

    - **Ajax请求**:通过XMLHttpRequest或fetch API,可以获取XML文件并自动进行解码,然后使用DOMParser解析响应数据。 6. **XML与JSON的比较** - 虽然XML在早期Web开发中广泛使用,但现在JSON(JavaScript Object ...

    JavaScript处理XML文档

    通过DOM,开发者能够从文档中读取、搜索、修改、增加和删除数据,从而为文档导航提供了标准的功能定义,并且可以灵活地操作XML文档的内容和结构。 #### DOM与XML编程 DOM提供的对象和方法可以与各种编程语言一起...

    javascript读写XML文件

    ### JavaScript读写XML文件:深度解析与应用实例 在现代Web开发中,XML(Extensible Markup Language)作为一种标准的数据交换格式,被广泛应用于各种场景,如配置文件、数据传输等。利用JavaScript进行XML文件的...

    Javascript操作XML Dom

    Javascript操作XML Dom学习资料

    Javascript 操作XML类

    3. **XML类定义**:`XML` 是一个自定义的JavaScript类,包含了一系列方法用于操作XML文档。这些方法包括: - `InitXML`:初始化XML对象,加载XML字符串并处理解析错误。 - `getChild`:获取指定节点的子节点。 - ...

    javascript 操作xml的所有属性事件方法和实例

    以上就是JavaScript操作XML的基本知识,包括创建XML对象、DOM操作、事件处理以及通过AJAX获取和解析XML数据的方法。理解这些概念和实践,将有助于你在实际项目中更好地处理XML数据。在提供的“JavaScript节点操作xml...

    xml.rar_javascript_javascript xml_xml javascript_xml文件

    标题"xml.rar_javascript_javascript xml_xml javascript_xml文件"暗示了我们关注的重点是如何使用JavaScript来解析和操作XML。以下是一些关键知识点: 1. **创建XML对象**: JavaScript中,可以通过`...

Global site tag (gtag.js) - Google Analytics