Получаю страницу ajax - запросом
$.ajax({
url: 'sortmonth',
success: function(data){
}
});
Как получить данные из конкретного div?К примеру в data передалось:
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id = 'container'>
</div>
</body>
Как получить данные из div 'container'?
На jQuery так:
var myDivData = $('div#container').html();
Можно использовать метод .load()
Метод .load() позволяет указать часть удаленного документа для вставки. Это доступно при помощи специального синтаксиса в параметре url. Если один или несколько символов пробела включены в строку, то первое слово, после первого пробела, будет предполагать jQuery селектор, который определит какая часть будет вставлена.
Если вам нужно вставить полученный HTML-код на страницу:
$('селектор, куда нужно вставить').load('sortmonth #container')
Если вам нужно получить именно сам HTML-код:
var $temp = $('<div>').load('sortmonth #container', function () {
console.log($temp.html()) // $temp.html() HTML-код контейнера #container
})
Ну так давайте сделаем...
var dynamicPage = `<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="container">
DATA
</div>
</body>`;
var parser = new DOMParser();
var doc = parser.parseFromString(dynamicPage,"text/html");
var val = doc.getElementById('container').innerHTML;
console.log(val);
Плюсы: Не используем сторонних библитоек. Получаем объект с которым можно работать как с обычным документом. Минусы: Формально это технология эксперементальная. Но поддерживается всеми браузерами с ИЕ 10. ИЕ9 не поддерживает.
Делайте следующим образом:
var html = $('<div />').append(data);
var container = data.find('#container');
console.log(container);
Продвижение своими сайтами как стратегия роста и независимости