简体   繁体   English

无法获取XML以使用javascript加载内容

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM