Question

我使用jquery ajax来获取存储在xml文件中的名称并将其附加到div id，但是有一些问题。

$(function(){

    $.ajax({type: "GET",
        url: "names.xml",
        dataType: "xml",
        cache: false,
        success: function(xml){ 

        $(xml).find('name').each(function(){ 

              $(this).text().append('#names');


        });

     }});

}）;

我的xml文件格式如此

        <?xml version="1.0"?>
    <item>
<name>Paul</name>
<name>John</name>
<name>Sam</name>
<name>Mitch</name>
etc.
</item>

并且需要附加到div id名称。

<div id="names">

Paul
John
Sam
Mitch

</div>

帮助

Answer 1

你正在以错误的方式使用append - 要追加的元素需要先出现：

$(xml).find('name').each(function() { 
    $("#name").append($(this).text());
});

这是example fiddle。

Answer 2

试试这个：

$(function()
{
    var $names = $('#names');

    $.ajax(
    {
        type: "GET",
        url: "names.xml",
        dataType: "xml",
        cache: false,
        success: function(xml)
        {
            var combinedText = $(xml).find('name').map(function()
            { 
                return ' ' + $(this).text();
            }).get().join('');

            $names.text($names.text() + combinedText);
     }});
});

使用jquery ajax将内容附加到div id

2 个答案:

（非ajax）演示：http://jsfiddle.net/mattball/yGUCZ/