[英]Can't get XML to load contents with javascript
I have been trying to get an XLM document to load into an html file with the use of javascript. 我一直在尝试使用javascript将XLM文档加载到html文件中。 Please note that I haven't tried to load all the information from the XML file, but only some of it (don't think this should matter). 请注意,我没有尝试从XML文件中加载所有信息,而只是尝试其中的一部分(不要以为这很重要)。
This is my HTML code: 这是我的HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Stillinger </title>
<style>
table, th, td {
border: 1px solid black;
border-collapse:collapse;
}
th, td {
padding: 5px;
}
</style>
</head>
<body>
<button type="button" onclick="loadXMLDoc()">Get available jobs</button>
<br><br>
<table id="stillinger"> </table>
<script>
function loadXMLDoc() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xmlhttp.open("GET", "Lab06.xml", true);
xmlhttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table ="<tr><th>stilling</th><th>arbeidssted</th></tr>";
var x = xmlDoc.getElementsByTagName("job1");
for (i = 0; i <x.length; i++) {
table += "<tr><td>" +
x[i].getElementsByTagName("STILLING") [0].childNodes [0].nodeValue + "</td><td>" +
x[i].getElementsByTagName("ARBEIDSSTED") [0].childNodes [0].nodeValue + "</td></tr>";
}
document.getElementById("stillinger").innerHTML = table;
}
</script>
</body>
</html>
This is my XML code: 这是我的XML代码:
<?xml version="1.0" encoding="UTF-8"?>
<jobber_sentrum>
<job1>
<stilling>Systemadministrator ved dokumentsenteret</stilling>
<arbeidssted> 5004 Bergen </arbeidssted>
<arbeidsgiver> Fiskeridirektoratet </arbeidsgiver>
<dato_registrert> 10.08.2016 </dato_registrert>
<dato_søknadsfrist> 29.09.2016 </dato_søknadsfrist>
</job>
<job2>
<stilling>Dataforvalter/analytiker</stilling>
<arbeidssted> 5015 Bergen </arbeidssted>
<arbeidsgiver> Folkehelseinstituttet </arbeidsgiver>
<dato_registrert> 07.08.2016 </dato_registrert>
<dato_søknadsfrist> 30.09.2016</dato_søknadsfrist>
</job>
<job3>
<stilling> Stipendiat i rettvitskap</stilling>
<arbeidssted> 5045 Bergen </arbeidssted>
<arbeidsgiver> Norges Handelshøyskole </arbeidsgiver>
<dato_registrert> 15.09.2016 </dato_registrert>
<dato_søknadsfrist> 13.10.2016 </dato_søknadsfrist>
</job>
<job>
<stilling> Soussjef/assisterende kjøkkensjef</stilling>
<arbeidssted> Cafe Opera</arbeidssted>
<arbeidsgiver> Cafe Opera AS </arbeidsgiver>
<dato_registrert> 12.09.2016 </dato_registrert>
<dato_søknadsfrist> 21.10.2016 </dato_søknadsfrist>
</job>
</jobber_sentrum>
Does anybody see what the mistake is? 有人看到错误是什么吗?
var xml = "<rss version='2.0'><channel><title>RSSTitle</title</channel></rss>",
xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc ),
$title = $xml.find( "title" );
console.log($title.text()); // it will print RSSTitle
Use xml parser and find specific tag from xml response and use it, Hope this may help you.. 使用xml解析器并从xml响应中找到特定标签并使用它,希望这对您有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.