ajax - AJAX 从 XML 中获取数据并将其放入

Question

我是 AJAX 新手，并试图从 XML 文件构建一个下拉菜单。在我的示例中，我只会在菜单中发布“Akershus”。谁能帮我这个？最好的问候，来自挪威的学生。

这是 XML：

<arrangement>
   <fylke name="Akershus">
   <fylke name="Buskerud">
   <fylke name="Hordaland">
   <fylke name="Nordland">
</arrangement>

这是脚本：

$(document).ready( function() {
arrangementer();
fetch();
});

/*function fetch() {

setTimeout( function() {
    arrangementer();
    fetch();
}, 100);

}*/

function arrangementer() {

$.ajax({ 

    url: "arrangementer.xml",
    dataType: "xml",
    success: function(data) {

        $('ul').children().remove();

        $(data).find("arrangement").each( function() {

            var info = '<a href="#">'+$(this).find("fylke").attr("name")+'</a>';

            $('ul').append(info);

        });

    },
    error: function() { $('ul').children().remove(); 
        $('ul').append("<li>There was an error!</li>"); }
   });  
}

Answer 1

代替

$(data).find("arrangement").each

利用

$(data).find("arrangement fylke").each

并删除.find("fylke").

或者您可以更简洁地执行此操作（并进行适当的转义），

$(data).find('arrangement fylke').map(function() {
    return $('<a href="#"></a>').text($(this).attr('name'));
}).appendTo('ul');