Méthodes d'implémentation de demandes de domaine inter-domaine de l'Ajax utilisant le postmessage dans HTML5

Cet article présente principalement les informations pertinentes sur la méthode d'utilisation de PostMessage pour implémenter les demandes de domaine croisé AJAX dans HTML5. Les amis qui en ont besoin peuvent y faire référence

En raison de la limitation des politiques homologues, JavaScript a des problèmes de communication intermédiaire, et les problèmes typiques du domaine intermédiaire incluent la communication entre Iframe et Parent.

(1) document.domain + iframe;

(2) créer dynamiquement des scripts;

(3) iframe + emplacement.hash;

(4) flash.

Je n'entrerai pas dans les détails de ces méthodes ici, mais la fenêtre.PostMessage de HTML5 est enregistrée.

Le postmessage est compatible avec IE8 +, Firefox, Opera, Safari et Chrome.

Deux serveurs étrangers sont nécessaires pour les tests, et bien sûr, les serveurs locaux et en ligne peuvent également être utilisés comme deux serveurs étrangers.

Si vous êtes développé à l'aide de PhoneGap, vous pouvez installer le fichier de demande sur le client, puis demander dynamiquement le traitement des données du serveur pour obtenir et afficher les données. De cette façon, vous pouvez utiliser n'importe quel langage et méthodes de développement Web pour développer le backend requis pour l'application PhoneGap.

PostMessage est une nouvelle API introduite par HTML5 pour résoudre le problème du domaine transversal de JS, permettant de multiples communications IFRAMES / Windomain.

Supposons qu'il existe une structure comme suit: