AJAX請求中的“文檔元素后出現垃圾”錯誤

Question

我試圖練習將AJAX與jQuery一起使用，但是當我嘗試調用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);
            }
        });
    });
});

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>