用jQuery加载AJAX的XHTML片段

前端之家收集整理的这篇文章主要介绍了用jQuery加载AJAX的XHTML片段前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用jQuery的$.fn.load函数加载X HTML标记的片段,但是它会引发一个错误,试图将新的标记添加到DOM中.我已将其缩小到 XML声明(<?xml??>) – 如果我没有声明返回静态文本,该视图将工作.我不明白为什么会导致失败,或者如果责怪在于jQuery,Firefox或我的代码.

如何使用jQuery将XHTML片段插入到DOM中?

使用$.get不起作用 – 回调接收到一个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');

基本上,.children()会得到你的根节点,并用它替换你的div的内容.我想你不能将<?xml声明的xml文件完全插入DOM ...

猜你在找的jQuery相关文章