用js讀取xml文件_用JavaScript怎麼解析xml文件

1. 如何通過js讀取xml文件的數據

建議使用jQuery，跟操作html一樣，偽代碼如下： $.ajax({ url: '/xml/Student.xml', type: 'GET', dataType: 'xml', success: function(xml) { var name = $(xml).find('name').text(); $('h1').text(name); }});

2. js讀取xml文件內容

確保你已經開啟了伺服器訪問

3. 怎樣解決js讀取xml文件跨域問題

js讀取xml文件跨域問題，可以使用以下幾種方法：

1通過jsonp跨域 :在js中，我們直接用XMLHttpRequest請求不同域上的數據時，是不可以的。但是，在頁面上引入不同域上的js腳本文件卻是可以的，jsonp正是利用這個特性來實現的。代碼如下：

3使用window.name來進行跨域：每個頁面對window.name都有讀寫的許可權，window.name是持久存在一個窗口載入過的所有頁面

4. 用javaScript怎麼解析xml文件

<?xml versoin="1.0"?>
<root>
<books id="list">
<item id='js'>
<name>javascript教程</name>
<price>50</price>
</item>
<item id='java'>
<name>java教程</name>
<price>70</price>
<item>
</books>
</root>

<script type="text/javascript">

</script>

當然還有好多方法，好多東西，這里就不寫太多了，自己去慢慢研究吧。
上面只是用了 xpath 辦法，畢竟這個檢索的效率高，速度快，當然還可以一級一級節點往下遍歷。
一樓說的 ajax 也可以操作 xml，二樓說的 getElementsByTagName('tag') 這也是一個檢索XML的方法，請自行研究。

5. js讀取xml文件-適用於firefox、chrome

您好！很高興為您答疑！

讀取XML文件的方法有很多，如下面這段代碼，您可以參考下：
//讀取XML文件
function loadXML(xmlFile) {
var xmlDoc;
if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load(xmlFile);
}
else if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.async = false;
xmlDoc.load(xmlFile);
} else {
alert('您的瀏覽器不支持該系統腳本！');
}
return xmlDoc;
}

//輸出XML文件
function outXML(filename){
var xmlDoc = loadXML(filename);
var x = xmlDoc.getElementsByTagName("properties");
var text=x[0].outerHTML.replace(/</g,"<");
return text;
}

function dirXML(xmlDoc){
var entry=xmlDoc.getElementsByTagName("properties")[0].getElementsByTagName("entry");
for (var i=0,j=entry.length; i<j;i++){
console.log(entry[i].getAttribute("key"));
console.log(entry[i].childNodes[0].nodeValue);
}
}
您可以在火狐社區了解更多內容。希望我的回答對您有所幫助，如有疑問，歡迎繼續在本平台咨詢。

6. js讀取XML文件

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp = new XMLHttpRequest();

}

else {// code for IE6, IE5

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.open("GET", "note.xml", false);

xmlhttp.send();

xmlDoc = xmlhttp.responseXML;

document.getElementById("to").innerHTML =

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;

document.getElementById("from").innerHTML =

xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;

document.getElementById("message").innerHTML =

xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;

7. js 如何讀取xml文檔內容

請把下面的代碼保存為 readxml.html

<html>
<head>
<scripttype="text/javascript">
varxmlhttp;
functionloadXMLDoc(url)
{
xmlhttp=null;
if(window.XMLHttpRequest)
{//codeforIE7,Firefox,Opera,etc.
xmlhttp=newXMLHttpRequest();
}
elseif(window.ActiveXObject)
{//codeforIE6,IE5
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
if(xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert(".");
}
}
functionstate_Change()
{
if(xmlhttp.readyState==4)
{//4="loaded"
if(xmlhttp.status==200)
{//200="OK"
document.getElementById('A1').innerHTML=xmlhttp.status;
document.getElementById('A2').innerHTML=xmlhttp.statusText;

document.getElementById('A3').innerHTML=xmlhttp.responseText;
}
else
{
alert("ProblemretrievingXMLdata:"+xmlhttp.statusText);
}
}
}
</script>
</head>
<body>
<h2>UsingtheHttpRequestObject</h2>
<p><b>Status:</b>
<spanid="A1"></span>
</p>
<p><b>Statustext:</b>
<spanid="A2"></span>
</p>
<p><b>Response:</b>
<br/><spanid="A3"></span>
</p>
<buttononclick="loadXMLDoc('note.xml')">GetXML</button>
</body>
</html>

請把下面的文件保存未 note.xml

<?xmlversion="1.0"encoding="ISO-8859-1"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don'tforgetthemeeting!</body>
</note>

8. 關於js讀取xml數據並且顯示在html中如何實現

JS]利用js將讀取到的xml文件中的數據顯示到html文檔上
script type="text/javascript" language="javascript">
var xmlDoc = checkXMLDocObj('../openClass.xml');//讀取到xml文件中的數據
var a = document.getElementsByTagName("a");//獲取所有的A標簽
$(document).ready(function () {
var nodes;
if($.browser.msie){ // 注意各個瀏覽器之間的區別
nodes = xmlDoc.getElementsByTagName('collage')[0].childNodes; //讀取XML文件中需要顯示的數據
}
else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0){
nodes = xmlDoc.getElementsByTagName('collage')[0].children; //讀取XML文件中需要顯示的數據
}
else{
nodes = xmlDoc.getElementsByTagName('resource');
}

for (var i = 0; i < a.length; i++) {
if (a[i].parentNode.nodeName == "SPAN") {
for (var j = 0; j < nodes.length; j++) {
var resource = nodes[j];
var url = resource.getAttribute('url');
var href=$(a[i]).attr("href");
if (href == url) {
var count = resource.getAttribute('click');
var span = document.createElement("div");
var str = document.createTextNode("點擊率：" + count);
span.appendChild(str);
var div = a[i].parentNode.parentNode;
div.appendChild(span);
break;
}
}
}
}
});
$(function(){ //通過get請求，將點擊率增加
$(a).mousedown(function(){
var href = $(this).attr("href");
$.get("../receive.ashx",{url:href,rd:Math.random()}, function (msg) {

});
})
})
</script>

導航:首頁 > 版本升級 > 用js讀取xml文件

用js讀取xml文件

與用js讀取xml文件相關的資料

友情鏈接