CODEWITHSUNDEEP
javascriptjqueryxmlasynchronousinternet-explorer-11
Smarty77
Smarty77

Reputation: 1348

Load local XML file with IE 11

I am working on a simple project which involves loading local .xml file into DOM structure by local .html file. We can assume that .html and .xml file are placed in the same folder on the same computer. Problem is that IE 11 disallows any interaction with local xml file. (SCRIPT5: Access is denied.)

So far i tried this solutions (Solution 1,2 are tested and functional within Mozilla FireFox and Google Chrome, Microsoft Edge has some different problem - see first code snippet):

Synchronous/Asynchronous XMLHttpRequest (async in example)

function loadXMLDoc(doc)
{
    try{
        xmlhttp = new XMLHttpRequest();
    }catch(e){
        try {
            xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.3.0");
        }
        catch(e){
            try {
                xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
            }
            catch(e)    {
                try {
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(e)    {
                    alert("XMLHTTP Not Supported On Your Browser");

                }
            }
        }
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) /*Microsoft edge returns status 0 here */
        {
            alert(xmlhttp.responseText);
        }
    };
    xmlhttp.open("GET",doc,true);/*IE11 prints "SCRIPT5: Access is denied." into console*/
    xmlhttp.send();
}

And JQuery async solution

window.onload = function() {
$.ajax({
        url: "output.xml",
        aync: true,
        success: myHandle,
        isLocal:true,
        dataType: "xml"
    });
}

function myHandle(data) {
    alert(data);
}

Third solution consists of simple node.js webserver (see Using node.js as a simple web server) but this seems to be a too large gun for me. Also there is a problem that web server has to be start explicitly via cmd / script, but i just want to hit .html and see interpreted xml data.

TL;DR My questions are:

Note: Since .xml file can have more Mb, async solutions are prefered for me.

Thank you.

Upvotes: 3

Views: 4535

Answers (2)

dr_dev
dr_dev

Reputation: 522

If you're trying to provide the file path as a local path, then it won't work in other browsers as well, using plain javascript, and you may get Cross domain errors. If you have a web server, you can put the file there in the appropriate location, and provide the path as "http://localhost/.../file.xml". This may help.

Upvotes: 1

smnbbrv
smnbbrv

Reputation: 24541

Well, what I propose as a backup opportunity is to go away a bit from the html + js solution and try XML + XSLT. This should not have any security issues, the only thing that changes for you - you don't need to open index.html but you'll need to open output.xml in your browser.

Also, you would need to add to your XML file the pointer to your XSLT file, see e.g. here how to do that.

Once you loaded your XML and processed it with XSLT you have the same HTML with the same JavaScript, but all data is already rendered. XSLT is quite powerful and I am sure it will fulfill all your requirements

Upvotes: 0

Related Questions