我需要使用JavaScript加載和讀取XML文件。在Chrome中使用JavaScript讀取XML文件

下面的代碼工作正常在Firefox，IE和Opera：

function loadXMLDoc(dname) { 
    var xmlDoc 

    // Internet Explorer 
    try { 
    xmlDoc = new ActiveXObject('Microsoft.XMLDOM') 
    } 
    catch (e) { 
    // Firefox, Opera, etc. 
    try { 
     xmlDoc = document.implementation.createDocument('', '', null) 
    } 
    catch (e) { 
     alert(e.message) 
    } 
    } 

    try { 
    xmlDoc.async = false 
    xmlDoc.load(dname) 
    return xmlDoc 
    } 
    catch (e) { 
    alert(e.message) 
    } 

    return null 
}

但執行在Chrome的代碼給了我這個錯誤：

Object# has no method "load"

來源

2013-08-26 user2711066

它不僅僅是'loadXML'而不是'load'？ – putvande

您好@ putvande ..感謝您回覆我，我無法從您那裏得到？ Loadxml只是從w3school網站採取的功能。我的問題是鉻瀏覽器將無法正常工作..任何想法我的問題？ – user2711066

爲什麼使用XMLDocument對象而不是DOMParser/Microsoft.XMLDOM？您可以使用xhmlhttp請求加載xml文本。 – HMR

遺留代碼

document.implementation.createDocument不在Chrome和Safari上工作。

使用XMLHttpRequest而不是在可能的情況：

function loadXMLSync(url) { 
    try { 
    // Prefer XMLHttpRequest when available 
    var xhr = new XMLHttpRequest() 
    xhr.open('GET', url, false) 
    xhr.setRequestHeader('Content-Type', 'text/xml') 
    xhr.send() 

    return xmlhttp.responseXML 
    } 
    catch (e) { 
    // XMLHttpRequest not available, fallback on ActiveXObject 
    try { 
     var activex = new ActiveXObject('Microsoft.XMLDOM') 
     activex.async = false 
     activex.load(url) 

     return activex 
    } 
    catch (e) { 
     // Neither XMLHttpRequest or ActiveXObject are available 
     return undefined 
    } 
    } 
}

現代瀏覽器

如果你的目標的現代瀏覽器（> IE6），只需使用XMLHttpRequest：

function loadXMLSync(url) { 
    var xhr = new XMLHttpRequest() 

    xhr.open('GET', url, false) 
    xhr.setRequestHeader('Content-Type', 'text/xml') 
    xhr.send() 

    return xhr.responseXML 
}

來源

2013-08-26 13:01:10 kube

好套！你的代碼對我來說是完全不可思議的......它對我來說工作得很好... – user2711066

是不是ActiveXObject棄用現代瀏覽器？ – mmcrae

在MDN，有使用XMLHttpRequest的指導。但是，直到深入瞭解返回類型並看到XMLDocument在Google Chrome中不受支持時，才從DOMImplementation.createDocument清楚。 example on W3Schools使用XMLHttpRequest。

來源

2013-08-26 13:01:12

按照這個打印，負載，追加XML data.Here XML存儲爲字符串內javascript.This方法在Chrome的工作，火狐希望它會在其他工作太

txt="<papers>"+"<paper>"+ 
"<author>athor name</author>"+ 
"<title>title</title>"+ 
"<path>path</path>"+ 
"<track>which tack</track>"+ 
"</paper>"+ 
"<paper>"+ 
"<author>athor name</author>"+ 
"<title>title</title>"+ 
"<path>path</path>"+ 
"<track>which tack</track>"+ 
"</paper>"+ 
"<paper>"+ 
"<author>athor name</author>"+ 
"<title>title</title>"+ 
"<path>path</path>"+ 
"<track>which tack</track>"+ 
"</paper>"+ 
"<papers>"; 
if (window.DOMParser) 
    { 
     parser=new DOMParser(); 
    xmlDoc=parser.parseFromString(txt,"text/xml"); 

    } 
    else // Internet Explorer 
    { 
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
    xmlDoc.async=false; 
    xmlDoc.loadXML(txt); 
    } 

x=xmlDoc.getElementsByTagName("paper"); 
for (var i = 0; i < x.length; i++) { 
    var athor =x[i].childNodes[0].firstChild.nodeValue; 
    var title = x[i].childNodes[1].firstChild.nodeValue; 
    var path = x[i].childNodes[2].firstChild.nodeValue; 
    var tack =x[i].childNodes[3].firstChild.nodeValue; 
    //do something with these values... 
    //each iteration gives one paper details  
    var xml=document.getElementById("element_id");//<div id="element_id"></div> 
    var li = document.createElement("br");// create a new <br> 
    newlink = document.createElement('A'); // creating an <a> element 
    newlink.innerHTML = athor;// adding <a>athor value here</a> 
    newlink.setAttribute('href', path);// <a href="path"></a> 

    newlink.appendChild(li);// <a href="path">athor</a><br> 
    document.getElementById("element_id").appendChild(newlink); 
//finaly it becomes <div id="element_id"><a href="path">athor</a><br></div> 


}

我張貼了這個答案here

來源

2017-08-14 14:03:16

在Chrome中使用JavaScript讀取XML文件

回答

遺留代碼

現代瀏覽器

相關問題