L'affichage d'un objet JSON pour un iFrame

J'ai vu des méthodes différentes pour l'affichage de données à une iframe mais je ne peux pas en trouver un où je peux juste envoyer un objet JSON. Toutes les méthodes qui semblent m'obligent à utiliser des éléments de formulaire pour mettre mes données.

InformationsquelleAutor anthonyv | 2012-08-22
  1. 4

    Prendre un coup d'oeil à postMessage et l'utilisation de JSON.stringify pour votre message et JSON.analyser dans le gestionnaire d'événements.

    À fait publier dans une iframe que vous avez à faire

    myIframe.contentWindow.postMessage(...)

    violon

    html

    <button onclick="_sendMessage ()">Send</button>
<iframe src="" id="myIframe">​

    javascript

    var myIframe = document.getElementById('myIframe');
myIframe.contentWindow.addEventListener('message', function(event) {
    console.log(JSON.parse(event.data));
}, false);


window._sendMessage = function() {
    var json = {payload:'Hello World'};
    myIframe.contentWindow.postMessage(JSON.stringify(json), '*');
}​
    • Si je fais cela, lorsque je change la src de l'iframe, les données seront publiées sur le serveur qui est spécifié dans la src?
    • Mon cas d'utilisation, c'est que j'ai une page sur un site distant qui a besoin de données pour être placés. La page qui s'affiche est ce que je veux montré dans l'iframe.
    • oui, vous pouvez mettre n'importe quel src mais la meilleure chose à faire est d'ajouter l'écouteur d'événement lorsque la distance chargement de la page avec fenêtre normale.la méthode addEventListener...et le reste comme dans l'exemple
    • pour être honnête j'ai peu d'expérience avec le message, j'ai seulement joué avec elle
    • J'ai été jouer avec cela et ce n'est pas résultant dans un message pour le serveur, c'est juste l'envoi d'un message à partir d'une fenêtre à l'autre. J'ai besoin de l'iframe de publier les données sur le serveur.
    • attendre si vous voulez poster de l'iframe?
    • Il ressemble à @anthonyv est de tenter de faire un HTTP POST, pas un HTML5 message entre les images.
    • est de -1 vraiment justifié? La question n'est pas une indication que c'était ce qu'il voulait. L'affichage à partir d'une iframe n'est pas différente de l'affichage d'une forme normale à partir du document principal. Tout code qui s'exécute dans l'iframe contexte peut publier le formulaire.
    • de la fenêtre.postMessage a absolument rien à voir avec l'affichage d'un élément de formulaire html d'un iframe. Si le demandeur est en fait la recherche d'un moyen de communiquer entre les images, puis la question elle-même doit être mis à jour.
    • c'était il y a 1 an :). Il sortit de cette question. Aussi je dirais que la fenêtre.postMessage ne lui venir en aide. Il peut l'utiliser pour déclencher à partir du document principal d'une iframe fonction javascript pour afficher les données sur le serveur, donc je ne pense pas que c'est inutile de répondre

    InformationsquelleAutor Liviu T.
  2. 0

    Vous pouvez utiliser le Hublot bibliothèque JS. Il décrit lui-même comme un "Bibliothèque JavaScript pour Sécuriser la Croix de Domaine iFrame Communication".

    Il utilise postMessage() si disponible, mais revient à une "procuration cachée" solution de contournement pour les navigateurs qui ne le sont pas.

    InformationsquelleAutor dstj