Carregando fragmentos XHTML sobre AJAX com jQuery
Pergunta
Eu estou tentando carregar fragmentos de marcação XHTML utilizando a função $.fn.load
do jQuery, mas levanta um erro ao tentar adicionar a nova marcação no DOM. Eu reduzi esse baixo para a declaração XML (<?xml...?>
) - a visão funciona se eu voltar texto estático sem a declaração. Eu não entendo por que isso iria causar a falha, ou se as mentiras culpa em jQuery, Firefox, ou o meu código.
Como devo inserir fragmentos XHTML no DOM usando jQuery?
Usando $ .get não funciona - a chamada de retorno recebe um objeto Document
, e quando eu tentar inseri-lo no DOM, eu recebo o seguinte erro:
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
Este é meu código:
$body = $("#div-to-fill");
$.get ("/testfile.xhtml", undefined, function (data)
{
console.debug ("data = %o", data); // data = Document
$body.children ().replaceWith (data); // error
}, 'xml');
A resposta de amostra:
<?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>
Solução
Tente isto em vez disso (eu só fiz um teste rápido e parece trabalho):
$body = $("#div-to-fill");
$.get ("/testfile.xhtml", function (data)
{
$body.html($(data).children());
}, 'xml');
Basicamente, .children () vai te dar o nó raiz e substituir o conteúdo do seu div com ele. Eu acho que você não pode exatamente inserir um documento XML com o Xml declaração no DOM ...