2016-06-07 49 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> 
相关问题