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');

AJAX从XML获取数据并将其放在<ul> </ul>中

1 个答案: