Перезагрузка AJAX с определенным DIV

Question

Я не могу найти ответ на следующий вопрос. Мне удалось перезагрузить определенную часть моей страницы (страница A) с помощью AJAX (через document.getElementById). Я хотел бы знать, есть ли способ выбрать, какая часть документа (страница B) будет использоваться для перезагрузки содержимого страницы A. Другими словами, выберите определенный DIV со 2-й страницы (тот же домен) и используйте это обновить содержимое моей страницы. Я видел в других темах, что это невозможно сделать со страницами, которые не принадлежат одному домену. Но в моем случае я буду использовать страницу из того же домена. Есть идеи? Спасибо.

Answer 1

Если у вас есть загруженная страница A и ваши сценарии выполняются там, то это будет делать:

var ifr = document.createElement('iframe');
ifr.src = 'page B URL';
ifr.style.position = 'absolute';
ifr.style.left = '-1000px';
ifr.onload = function() {
  document.getElementById('page A div id').innerHTML =
    ifr.contentDocument.getElementById('page B div id');
}
document.getElementsByTagName('body')[0].appendChild(ifr);

Примечание: страница B загружается и работает полностью.Если вам нужен единственный div для передачи через Интернет, вам нужно реализовать логику на стороне сервера.