jQueryでページの一部を取り込む方法は？

Question

私はAJAX経由でフォームを提出しています。 Webページ全体（HTML）内のサーバーからの応答。私はその応答ページに存在するid "message"を持つスパンタグ内のコンテンツだけを警告したいと思います。私はページ全体に注意を喚起したくありません。これを行う方法？

$.ajax({ 
    url: '/accounts/login/', 
    data: $(this).serialize(), 
    success: function(output) { 
     alert(output) 
    } 
}); 

マイコードがページ全体をアラートします。

Answer 1

これを試してみてください：

$.ajax({ 
    url: '/accounts/login/', 
    data: $(this).serialize(), 
    success: function(output) { 
     alert($('#message', output).text()); 
    } 
}); 

Answer 2

$.ajax({ 
    url: '/accounts/login/', 
    data: $(this).serialize(), 
    success: function(output) { 
     alert($(output).find('#message').html()); 
    } 
}); 

Answer 3

最も簡単な方法は、おそらく隠し要素内のページにページを追加し、getElementByIdをを使用してスパンを選択するのだろう。あるいは、xhtmlの場合は、xmlドキュメントにロードしてxpathを使用できます。そして、おそらく最も難しいのは、文字列を解析して、必要なhtmlに一致する部分を見つけることです。

またはこれらのいずれかの例：