js 以 ajax 的方式导入 XML 或其他文件

最新推荐文章于 2023-01-11 17:15:13 发布

smile_zheng

最新推荐文章于 2023-01-11 17:15:13 发布

阅读量435

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： xml ajax 浏览器

本文链接：https://blog.youkuaiyun.com/smile_zheng/article/details/78230229

ajax 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript从不同浏览器加载XML文件的通用方法，并详细解释了如何处理各种浏览器之间的兼容性问题。

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

开始学习 js 的时候与很多新手一样，都会做类似‘二级联动’之类的小 demo，这时会有需要用 js 导入 XML 或者 JSON 之类文件的情况，但是，js 导入这些文件却不是一件简单的事，问题在于不同浏览器间的兼容！这里有三种浏览器被需要分别兼容，分别是：
- 1、IE浏览器（new ActiveXObject(‘Microsoft.XMLDOM’);）
- 2、谷歌、360浏览器等（使用同步 ajax）
- 3、火狐、Opera、Safari等（document.implementation.createDocument(“”, “”, null);）
可见比较方便的方法是直接都使用同步 ajax。
接下来直接上代码：

    var parseXml = function(fileName) {
        var xmlDoc = null;
        var xmlhttp =null;
        try{
            xmlhttp = new window.XMLHttpRequest(); //Chrome、Firefox、Opera、Safari 等，貌似IE7及其以上的版本也是用这种方式了。
            xmlhttp.open("GET", fileName, false);
            xmlhttp.send(null);
            xmlDoc = xmlhttp.responseXML.documentElement;
        }catch(e){
            try{
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); //较高版本IE
                xmlhttp.open("GET", fileName, false);
                xmlhttp.send(null);
                xmlDoc = xmlhttp.responseXML.documentElement;
            }catch(e){
                try{
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //较低版本IE
                    xmlhttp.open("GET", fileName, false);
                    xmlhttp.send(null);
                    xmlDoc = xmlhttp.responseXML.documentElement;
                }catch(e){
                    alert("用的什么二狗子浏览器！");
                }
            }
        }
        return xmlDoc;
    }