Использование JQuery со строкой (вместо DOM)

Question

Я помню, как в прошлом использовался плагин, где я мог использовать AJax для загрузки страницы и обновления только части DOM. Запрос AJax возвращает всю HTML-страницу, но только небольшая ее часть заменяет часть загружаемого в настоящее время DOM.

Например, SO может использовать эту функцию для извлечения http://stackoverflow.com и обновлять только #content. SO сделает запрос AJax для получения http://stackoverflow.com, извлечет #content из возвращаемой строки и обновит #content DOM.

Извините, если мой вопрос в замешательстве. Как я могу сделать это без плагина?

Answer 1

Функция .load() предназначена для этого. Просто включите селектор для элемента вместе с URL, например, так:

$('#content').load('http://stackoverflow.com #content', optionalCallbackFunction); 

Это заменит содержимое элемента с идентификатором content на текущей странице с содержимым элемента с ID content на странице возвращенный запросом AJAX к http://stackoverflow.com, затем выполните функцию с именем optionalCallbackFunction. Предполагая, конечно, что запрос был успешным.

Answer 2

Без AJAX, вы можете разобрать сырой строку, как это:

var str = "<div><h1>Page Title</h1><div id='content'>This is new.</div></div>"; 
var text = $("#content",$(str)).html(); 
$('#content').html(text);