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

Question

我正在尝试练习将 AJAX 与 jQuery 结合使用，但是当我尝试调用 XML 文件时，我收到一条错误消息，提示“文档元素后出现垃圾”。它指向的行是第 3 行，但我没有看到第 3 行有任何问题。

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

<?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);
            }
        });
    });
});

Answer 1

您的 XML 中有多个“根”元素... 尝试类似下面的操作......

<?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>