Comment les Iframes de différents domaines peuvent-ils communiquer à l'aide de PostMessage ?

Communication inter-domaines entre Iframe et le site parent

Lorsqu'une iframe réside sur un domaine différent de celui de son site parent, communication directe via des méthodes ou l'accès au contenu du document n'est pas possible. Dans de tels cas, la solution réside dans la messagerie inter-documents.

Communication parent vers Iframe

Dans la fenêtre parent :

myIframe.contentWindow.postMessage('hello', '*');

Dans l'iframe :

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

Iframe au parent Communication

Dans la fenêtre parent :

window.onmessage = function(e) {
    if (e.data == 'hello') {
        alert('It works!');
    }
};

Dans l'iframe :

window.top.postMessage('hello', '*')

Rappelez-vous, l'astérisque (*) dans la fonction postMessage() représente un caractère générique, permettant au message d'être reçu par n'importe quelle origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!