jQuery を使用して AJAX 経由で XHTML フラグメントをロードする
質問
jQueryを使用してXHTMLマークアップのフラグメントをロードしようとしています $.fn.load
関数を使用できますが、新しいマークアップを 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 に正確に挿入することはできないと思います...
所属していません StackOverflow