从公共XML源以HTML格式显示XML信息

时间:2016-06-14 17:31:28

标签: javascript html xml

我正在寻找一种非常基本的方法来在html中显示来自此公共源的一段XML数据:http://avwx.rest/api/metar.php?station=KTPF

这是我到目前为止所没有的运气:

                <script type="javascript">
            $(document).ready(function(){
                $.ajax({
                    type: "GET",
                    dataType: "xml",
                    url: "http://avwx.rest/api/metar.php?station=KTPF",
                    success: xmlParser
                });
            });

            function xmlParser(xml)
            {
                $(xml).find("Raw-Report")
                {
                    $("#metar-text").append('<marquee class="metar-marquee">' + $(this).find("Raw-Report").text() + '</marquee>');
                };
            };
            </script>

我在HTML中有一个带有id#metar-text的div我想要滚动(因此是conc.marquee标签)我只需要显示Raw-Report文本。

1 个答案:

答案 0 :(得分:0)

您的代码需要进行一些更正才能正常工作。

<script type="javascript">
$(document).ready(function(){
    $.ajax({//this part is OK
        type: "GET",
        dataType: "xml",
        url: "http://avwx.rest/api/metar.php?station=KTPF",
        success: xmlParser //note that success receives 3 arguments
    });
});

function xmlParser(data, state, xhr)
{
    var xml = xhr.responseXML; //xml document is here
    if($(xml).find("Raw-Report").text()) //that is exists and not empty
    {
        $("#metar-text").append('<marquee class="metar-marquee">'
          + $(xml).find("Raw-Report").text()
          + '</marquee>'); //**this** is $.ajax in this context
    };
};
</script>