使用JS读取XML文件的方法

XML文件是项目中的常见需求，于是我开始深入，通过百度寻找答案，并亲自尝试了各大主流浏览器XML的方法。今天，我将详细介绍使用JavaScript读取XML文件的方法，并分享给大家。

在浏览器中XML，不同浏览器有着不同的方法。大致可以分为三类。

第一类是以IE为代表的浏览器，使用JavaScript创建Automation对象的方法，通过`new ActiveXObject("Microsoft.XMLDOM")`来实例化。

第二类是以Firefox和Opera为代表的浏览器，使用构造函数`DOMParser()`来实例化DOMParser对象，它能够xml文本，并返回xml Document对象。

第三类则是Chrome和Safari，由于Chrome不支持load方法，因此需要通过HTTP协议，使用XMLHttpRequest对象。

以下是使用JavaScript读取XML文件的示例代码：

```javascript

function loadXML() {

var xmlDoc;

try {

// 针对IE浏览器

xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

} catch (e) {

// 针对Firefox、Opera等浏览器

xmlDoc = document.implementation.createDocument("", "", null);

}

try {

xmlDoc.async = false; // 设置是否异步调用

xmlDoc.load("x.xml"); // 指定要加载的xml文件路径

} catch (e) {

// 针对Chrome浏览器

var xmlhttp = new window.XMLHttpRequest();

xmlhttp.open("GET", "x.xml", false); // 创建一个新的HTTP请求，并指定请求的方法、URL以及验证信息

xmlDoc = xmlhttp.responseXML;

}

return xmlDoc;

}

```

返回的xmlDoc对象包含了xml节点的各种值，可以通过控制台输出进行查看。如果是读取本地的xml文件，Chrome默认是禁止访问本地文件的，需要增加启动参数 `--allow-file-access-from-files`。