AJAX请求中的“文档元素之后的垃圾”错误

时间:2016-06-07 20:07:55

标签: javascript jquery ajax xml

我正在尝试使用带有jQuery的AJAX,但是当我尝试调用XML文件时,我收到一条错误,说“文件元素之后的垃圾”。它指向的行是3号,但我没有看到第3行有什么问题。

当我在XML文件中只有<life>标记时,XML AJAX请求正在工作,但是当我添加其他标记时,它开始给我这个错误。

<?xml version="1.0" encoding="UTF-8"?>
<life>this is text</life>
<people> This is people</people>
<h2> this is a paragraph</h2>
<div id="ex1">
    <h2>Example 1</h2>
    <p></p>
    <h4>results:</h4>
    <button id="btn">Click for AJAX</button>
</div>
$(document).ready(function() {
    $("button#btn").click(function() {
        let p = document.createElement('p');
        $('div#ex1').append(p);
        $.ajax({
            url: 'sample.xml',
            success: function(data) {
                $('div#ex1 p:last').append(data.querySelector('h2').innerHTML);
            }
        });
    });
});

1 个答案:

答案 0 :(得分:2)

您的XML中有多个“root”元素... 尝试类似以下的内容......

<?xml version="1.0" encoding="UTF-8"?>
<content>
<life>this is text</life>
<people> This is people</people>
<h2> this is a paragraph</h2>
</content>