Fatal编程技术网
  • javascript/
  • Javascript 通过Ajax将XML文档中的HTML节点注入HTML文档

Javascript 通过Ajax将XML文档中的HTML节点注入HTML文档

javascript html xml ajax

Javascript 通过Ajax将XML文档中的HTML节点注入HTML文档,javascript,html,xml,ajax,Javascript,Html,Xml,Ajax,在发出一个Ajax请求并接收XML作为响应之后，就有了像HTML一样预先格式化的XML。我只想从XML中获取一个节点，并将其注入DOM。响应中还有其他纯XML节点。XML可能或多或少是这样的 <xml> <div id="foo"> <div id='foo'>... <img src="foo.jpg"/> </div> </di

在发出一个Ajax请求并接收XML作为响应之后，就有了像HTML一样预先格式化的XML。我只想从XML中获取一个节点，并将其注入DOM。响应中还有其他纯XML节点。XML可能或多或少是这样的

    <xml>
      <div id="foo">
          <div id='foo'>...
              <img src="foo.jpg"/>
          </div>
      </div>
      <node></node>
      <node></node>
      <node></node>
      <node></node>
    </xml>
问题是，当注入html时，图像无论如何都不会下载。如果我使用responeTEXT，图像将被下载，但是我得到了我不想要的所有其他XML

有人知道注入时图像无法下载的主要原因吗？或者如何让他们这么做

好的，我找到了处理这个问题的最佳方法。我无法让responseXML以我希望的方式使用jQuery运行。我可以使用XUIjs，但它处理对象的方式不同，需要对选择器进行不同的包装，并从对象数组中提取项目。我找到的最佳解决方案是使用responseText，它似乎被视为HTML

   var e = this.responseText;
   $('#container').html(e.find("#items"));
这会很好地加载内容，并使图像按预期获得请求

试试
$（'#container'）.empty（）.append（e）$（'#container'）.empty（）.append（$（e）.clone（））似乎仍在做同样的事情：(

   var e = this.responseText;
   $('#container').html(e.find("#items"));