加载XHTML片段在AJAX使用jQuery

问题描述：

我试图加载使用jQuery的$.fn.load功能XHTML标记的片段，但它提出了尝试新的标记添加到DOM发生错误。我已经缩小到XML声明（<?xml...?>） - 如果我没有声明返回静态文本，视图就可以工作。我不明白为什么这会导致失败，或者如果责备在于jQuery，Firefox或我的代码。加载XHTML片段在AJAX使用jQuery

我应该如何插入XHTML片段到使用jQuery的DOM？

使用$不用彷徨不工作 - 回调接收一个Document对象，当我试图把它插入到DOM，我收到以下错误：

uncaught exception: Node cannot be inserted at the specified point in the hierarchy (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR) 
http://localhost:8000/static/1222832186/pixra/script/jquery-1.2.6.js 
Line 257

这是我的代码：

$body = $("#div-to-fill"); 
$.get ("/testfile.xhtml", undefined, function (data) 
{ 
    console.debug ("data = %o", data); // data = Document 
    $body.children().replaceWith (data); // error 
}, 'xml');

样本响应：

<?xml version="1.0" encoding="UTF-8"?> 
<div xmlns="http://www.w3.org/1999/xhtml"> 
    <form action="/gallery/image/edit-description/11529/" method="post"> 
    <div>content here</div> 
    </form> 
</div>

答

试试这个（我只是做了一个快速测试，它似乎工作）：

$body = $("#div-to-fill"); 
$.get ("/testfile.xhtml", function (data) 
{ 
    $body.html($(data).children()); 
}, 'xml');

基本上，。孩子（）将让你的根节点来覆盖你的div的内容。我想你可以不完全插入与<？xml声明的XML文档到DOM ...

加载XHTML片段在AJAX使用jQuery

相关推荐