Страницы

Поиск по вопросам

воскресенье, 2 февраля 2020 г.

Обработка AJAX - запроса

#javascript #jquery


Получаю страницу ajax - запросом

$.ajax({
url: 'sortmonth',
success: function(data){        
}
});


Как получить данные из конкретного div?К примеру в data передалось:

 





Как получить данные из div 'container'?


Ответы

Ответ 1



Ну так давайте сделаем... var dynamicPage = `
DATA
`; var parser = new DOMParser(); var doc = parser.parseFromString(dynamicPage,"text/html"); var val = doc.getElementById('container').innerHTML; console.log(val); Плюсы: Не используем сторонних библитоек. Получаем объект с которым можно работать как с обычным документом. Минусы: Формально это технология эксперементальная. Но поддерживается всеми браузерами с ИЕ 10. ИЕ9 не поддерживает.

Ответ 2



Можно использовать метод .load() Метод .load() позволяет указать часть удаленного документа для вставки. Это доступно при помощи специального синтаксиса в параметре url. Если один или несколько символов пробела включены в строку, то первое слово, после первого пробела, будет предполагать jQuery селектор, который определит какая часть будет вставлена. Если вам нужно вставить полученный HTML-код на страницу: $('селектор, куда нужно вставить').load('sortmonth #container') Если вам нужно получить именно сам HTML-код: var $temp = $('
').load('sortmonth #container', function () { console.log($temp.html()) // $temp.html() HTML-код контейнера #container })

Ответ 3



На jQuery так: var myDivData = $(data).find('div#container').html();

Ответ 4



Делайте следующим образом: var html = $('
').append(data); var container = data.find('#container'); console.log(container);

Комментариев нет:

Отправить комментарий