Cómo utilizar postMessage para comunicarse

postMessage es un método de ventana. La comunicación entre dos ventanas se puede lograr a través de este método. En resumen, existen aproximadamente dos tipos de ellas.

1. Envío de información entre dos. páginas

2. La página envía información al iframe de la página

De los dos ejemplos simples anteriores, podemos ver que solo se necesitan dos métodos simples para llevar a cabo este tipo de comunicación

Paso uno: distribuir el mensaje y enviar el mensaje a la ventana correspondiente

otherWindow.postMessage(message, targetOrigin, transfer

otherWindow: cual); ventana a la que desea enviar el mensaje Es una referencia a qué ventana. Tenga en cuenta que no es la ventana actual. Puede ser el objeto de ventana del iframe o el objeto de ventana devuelto por window.open. Si no se puede obtener otherWindow, no se puede enviar información a la ventana correspondiente.

mensaje: Datos a enviar a otra ventana.

targetOrigin: Especifica qué ventanas pueden obtener los datos enviados (puedes usar "*" para indicar ilimitado).

transferencia: Es una cadena de objetos Transferibles que se pasan junto con el mensaje, opcional.

Paso 2: Escuche el evento del mensaje y obtenga la información enviada por otra ventana a la ventana actual

window.addEventListener('message', function, useCapture

mensaje: tipo de evento.

función: función llamada cuando ocurre el evento 'mensaje'.

useCapture: valor booleano, ya sea para utilizar la difusión de eventos o la captura de eventos, opcional.

Se puede lograr una comunicación sencilla a través de los dos pasos anteriores para recibir pedidos