Comment utiliser le post-message

Utilisation de base de la méthode postMessage : 1. Dans la fenêtre ou l'onglet où vous souhaitez envoyer le message, utilisez la méthode postMessage pour envoyer le message à la fenêtre cible. Il accepte deux paramètres : l'objet message à envoyer et un identifiant de la fenêtre cible (facultatif) ; 2. Dans la fenêtre cible, utilisez la méthode addEventListener pour écouter l'événement message afin de recevoir des messages provenant d'autres fenêtres.

postMessage est une méthode JavaScript permettant de transmettre des messages entre les fenêtres du navigateur. Il permet d'envoyer des messages entre des fenêtres ou des onglets ouverts du navigateur sans avoir à les lier au même nom de domaine ou au même port.

Voici l'utilisation de base de la méthode postMessage :

1. Dans la fenêtre ou l'onglet où vous souhaitez envoyer le message, utilisez la méthode postMessage pour envoyer le message à la fenêtre cible. Il accepte deux paramètres : l'objet du message à envoyer et un identifiant optionnel de la fenêtre cible.

// 发送消息到目标窗口  
var message = { key1: "value1", key2: "value2" };  
var targetWindow = window.open("https://example.com");  
targetWindow.postMessage(message, "*");

Dans l'exemple ci-dessus, nous avons créé un objet message contenant des paires clé-valeur et ouvert une nouvelle fenêtre via window.open. Nous utilisons ensuite la méthode postMessage pour envoyer le message vers la nouvelle fenêtre.

2. Dans la fenêtre cible, vous pouvez utiliser la méthode addEventListener pour écouter l'événement de message afin de recevoir des messages provenant d'autres fenêtres.

// 在目标窗口中监听消息事件  
window.addEventListener("message", function(event) {  
  // 接收并处理发送过来的消息  
  var receivedMessage = event.data;  
  console.log("Received message: ", receivedMessage);  
});

Dans l'exemple ci-dessus, nous avons ajouté un écouteur d'événement à l'aide de la méthode addEventListener, qui déclenchera l'événement lorsqu'un message provenant d'une autre fenêtre est reçu. Dans le gestionnaire d'événements, nous pouvons accéder à event.data pour obtenir l'objet message envoyé.

Veuillez noter que la sécurité de la méthode postMessage est très importante. Pour éviter les risques de sécurité potentiels, il est recommandé de spécifier un nom de domaine de vérification (c'est-à-dire le nom de domaine où se trouve la fenêtre de réception) lors de l'envoi d'un message au lieu d'utiliser le caractère générique « * ». De plus, la fenêtre cible doit vérifier l'origine des messages pour s'assurer qu'ils proviennent d'une source fiable.

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!