javascript加载读取xml文件的方法-优快云博客

本文链接：https://blog.youkuaiyun.com/speed_feng/article/details/7440092

本文介绍了JavaScript加载和读取XML文件的两种常见方法：一是利用浏览器内置的XML解析器，二是使用XMLHttpRequest进行异步请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript加载读取xml文件的方法

方法一：利用浏览器自身内建的xml解析器

function load(){
    try    //Internet Explorer
      {
          xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
      }
    catch(e)
      {
          try //Firefox, Mozilla, Opera, etc.
        {
            xmlDoc=document.implementation.createDocument("","",null);
        }
          catch(e)
        {
            alert(e.message);
        }
      }
    try
      {
          xmlDoc.async=false;
          xmlDoc.load("learn.xml");    //此处换成你需要读取操作的xml文件名
          //xmlDoc便是读取的xml文件，此处可以队xmlDoc进行读取操作了！
      }
    catch(e)
    {
        alert(e.message);    
    }
}

方法二：利用xmlhttp请求

function load(){
    function createXmlhttp(){
        var xmlhttp = null;
        if(window.XMLHttpRequest)
        {   //ie7+,firefox,chrome,opera等浏览器下        
             xmlhttp = new XMLHttpRequest();
             return xmlhttp;
        }        
        else if(window.ActiveXObject)
        {   //ie5.ie6浏览器
             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
             return xmlhttp;
        }
        else
        {   
             alert("你的浏览器不支持xmlhttp");
        }
    }

    function state_change(){
        if(xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            /**************
            //
            //  此处为服务器响应后执行的动作
            //
            ***************/
        }
    }  

     var xmlhttp = createXmlHttp();
    var url = "learn.xml";   //此处的url换成你自己设定的url
    xmlhttp.onreadystatechange = state_change;
    xmlhttp.open("GET",url,true)
    xmlhttp.send();
}

以上的两种方式只需要根据自己的文件名和需要更改便可！这两种方法，都是把xml文件加载之后解析成为xml DOM对象。之后利用javascript便可以像队HTML DOM一样的读取和操作方式，对XML DOM进行操作！