Methoden zur Implementierung von AJAX-Cross-Domain-Anforderungen mit Postmessage in HTML5

In diesem Artikel wird hauptsächlich die relevanten Informationen zur Methode der Verwendung von Postmessage zur Implementierung von AJAX-Cross-Domain-Anforderungen in HTML5 vorgestellt. Freunde, die es brauchen, können sich darauf beziehen

Aufgrund der Einschränkung der homologen Richtlinien hat JavaScript Probleme mit der Cross-Domänen-Kommunikation, und typische Cross-Domänen-Probleme umfassen die Kommunikation zwischen Iframe und Eltern.

(1) document.domain+iframe;

(2) dynamisch Skripte erstellen;

(3) iframe+location.hash;

(4) Blitz.

Ich werde hier keine Details zu diesen Methoden eingehen, aber das Fenster.

Postmessage ist mit IE8+, Firefox, Oper, Safari und Chrom kompatibel.

Für das Testen werden zwei ausländische Server benötigt, und natürlich können lokale und Online -Server auch als zwei fremde Server verwendet werden.

Wenn Sie mithilfe von PhoneGap entwickelt werden, können Sie die Anforderungsdatei im Client installieren und die Datenverarbeitung des Servers dynamisch anfordern, um die Daten zu erhalten und anzuzeigen. Auf diese Weise können Sie jede Webentwicklungssprache und -Methoden verwenden, um das für die PhoneGap -App erforderliche Backend zu entwickeln.

Postmessage ist eine neue API, die von HTML5 eingeführt wurde, um das Problem der Cross-Domäne von JS zu lösen, wodurch mehrere Iframes/Windomain-Kommunikation ermöglicht werden.

Angenommen, es gibt eine Struktur wie folgt: