2016-06-07 67 views
0

我試圖用jQuery實踐AJAX,但是當我試圖調用XML文件時,出現'文檔元素後垃圾'的錯誤。它指向的行是3號,但我沒有看到行3有什麼問題。'AJAX請求中的文檔元素'錯誤後的垃圾

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); 
      } 
     }); 
    }); 
}); 
+0

沒有很好地形成的XML文檔。 –

+0

xml中應該有一個根元素 –

+1

如上所述,XML格式嚴重不對。解決這個問題,你的代碼工作:https://jsfiddle.net/RoryMcCrossan/opstmLrp/ –

回答

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>