Как передать данные из iframe в родительское окно?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

// В родительском окне:
window.addEventListener('message', receiveMessage, false);

function receiveMessage(event) {
  if (event.origin !== 'https://example.com') return; // Проверка на домен отправителя
  const data = event.data; // Получение данных из сообщения
  // Обработка полученных данных
}

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.parent.postMessage(data, 'https://example.com');

1
2
3
4
5
6
7
8

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.parent.myFunction(data); // Вызов функции родительского окна с передачей данных

// В родительском окне:
function myFunction(data) {
  // Обработка полученных данных
}

1
2
3
4
5
6

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.name = JSON.stringify(data); // Установка данных в свойство window.name

// В родительском окне:
const iframeData = JSON.parse(iframe.contentWindow.name); // Получение данных из iframe

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

// В iframe:

const data = { key: 'value' }; // Данные, которые нужно передать

$(document).ready(function() {
    // Отправка данных из iframe в родительское окно с помощью jQuery
    $(window).on('load', function() {
        window.parent.postMessage(data, '*');
    });
});

// В родительском окне:

$(window).on('message', function(event) {
    const receivedData = event.originalEvent.data; // Получение данных из сообщения
    // Обработка полученных данных
});