Почему $.get не работает правильно!?

Question

[Андрей]

И так, встретился с странной особенностью, почему метод $.get не работает? Код будет ниже:

$.get("/index.html", function(data, status){
      $('body', data).each(function (i) {
          $('#news_links_array').html($(this).html());
      });
    });

Происходит загрузка XHR, но не коллекция не выводиться на сайт, пробовал на разных хостингах, то же самое.

Comments

[edward_freedom]

$('body', data)

что тут происходит?

[Андрей]

edward_freedom, В $('body', data).each(function (i) { В Теги body ищем элементы или выводим body сайта, к чему сейчас был этот вопрос?

[edward_freedom]

Stop_Loll,

к чему сейчас был этот вопрос?

ты аргументы этой функции смотрел? Посмотри что тебе возвращается и твой вопрос про мой вопрос отпадет сам собой
console.log($('body', data));

[Андрей]

edward_freedom, Парадокс, но раньше все работало и я мог спокойно выбрать элементы, а сейчас нет.

[edward_freedom]

Stop_Loll, у тебя в итоге в контейнере news_links_array последний элемент?

[Андрей]

edward_freedom, В итоге пусто, ничего там не выводится. Я тоже думал по этому поводу, но бестолку. То есть я пытаюсь подгрузить обычную html страницу именно тег body, но выходит пустота.

[edward_freedom]

Stop_Loll, что возвращает запрос твой get? Я до сих пор не могу понять, что принимает второй параметр и зачем он это принимает $('body', data)

[Андрей]

edward_freedom, https://jsfiddle.net/Loll_Lark/bmkgx0ju/3/ - Вот пример, посмотрите в консоль.

[edward_freedom]

Stop_Loll, у тебя цикл вообще не выполняется, а get выполняется нормально

[Андрей]

edward_freedom, Странно, что только с тегом body цикл не работает. Спасибо большое за своевременные ответы!

Answer 1

[Надим]

Попробуйте так:

$.get('/index.html').done(function(html) {
    var doc = new DOMParser().parseFromString(html, 'text/html'); // Парсим документ
    var body = $('body', doc).html(); // Из документа берем содержимое тега body
    $('#news_links_array').html(body); // Вставляем содержимое body куда надо
});

Чтобы получить body надо сначала распарсить html-код в документ и уже в этом документе искать нужные теги.

Comments

[Андрей]

Спасибо огромное за помощь!

[Надим]

Stop_Loll, не за что. Только нюанс один, я забыл в примере обработку ошибок сделать, правильно будет вот так:

$.get('/index.html').done(function(html) {
    var doc = new DOMParser().parseFromString(html, 'text/html');
    var body = $('body', doc).html();
    $('#news_links_array').html(body);
}).fail(function(xhr) {
    console.log('При выполнении запроса произошла ошибка, детали ниже:');
    console.dir(xhr);
});

Если запрос не удастся, то будет выполнена функция внутри .fail()

[Андрей]

Надим Закиров, Еще раз огромное спасибо, про обработку ошибок мне известно, но все же спасибо!