過去にプラグインを使用して、AJaxを使用してページをロードし、DOMの一部のみを更新できたのを覚えています。AJaxリクエストはHTMLページ全体を返しますが、現在ロードされているDOMの一部を置き換えるのはその一部だけです。
たとえば、SOはこの関数を使用して、をフェッチhttp://stackoverflow.comして更新することができます#content。SOは、AJaxリクエストを作成してhttp://stackoverflow.com、フェッチ、返された文字列からのフェッチ、およびDOMの#content更新を行います。#content
私の質問が混乱している場合は申し訳ありません。プラグインなしでこれを行うにはどうすればよいですか？
この.load()関数は、これを行うように設計されています。次のように、URLとともに要素のセレクターを含めるだけです。
$('#content').load('http://stackoverflow.com #content', optionalCallbackFunction);
contentこれにより、現在のページのIDを持つ要素のコンテンツがcontent、AJAXリクエストによって返されたページのIDを持つ要素のコンテンツに置き換えられhttp://stackoverflow.com、と呼ばれる関数が実行されoptionalCallbackFunctionます。もちろん、リクエストが成功したと仮定します。
AJAX がなければ、次のように生の文字列を解析できます。
var str = "<div><h1>Page Title</h1><div id='content'>This is new.</div></div>";
var text = $("#content",$(str)).html();
$('#content').html(text);