JS Cross-Domain-XML – mit AS URLLoader

Kürzlich erhielt ich eine Anforderung für eine Funktionserweiterung. Die in der neuen Anforderung referenzierte Datenschnittstelle kann jedoch nur im XML-Format bereitgestellt werden. Leider sind meine eigenen Fähigkeiten begrenzt und mir fiel keine ideale Lösung in JS ein. Ich musste die Hilfe von AS-Ingenieuren in Anspruch nehmen. Nach fast 2 Tagen gemeinsamer Fehlerbehebung habe ich endlich den domänenübergreifenden Zugriff unter verschiedenen Browsern gelöst.
Der Code der Demoversion ist unten aufgeführt:
HTML der übergeordneten Seite:

Code kopieren

Der Code lautet wie folgt:

JS der übergeordneten Seite:

Code kopieren

Der Code lautet wie folgt:

Dokument.Domäne = "xxx.com";
Funktion getData(Daten) {
wenn (Daten == "" || Daten == undefiniert || Daten == null) {
sendData("a=1&b=2"); //Das Parameterformat ist beliebig und entspricht den Parametern, die Sie bei einer Get-Anfrage senden.
}
anders {
alert("Erfasste Daten: " + Daten)
} }
Funktion sendData(param) {
var childWindow = document.getElementById('testIframe').contentWindow;
childWindow.sendData(param); // Antriebsfunktion, Antriebsmethode in der verborgenen Domäne, um die API-Methode in AS aufzurufen und XML zu erhalten
}
Funktion ändern() {
document.getElementById("testIframe").src = "xx.html"; //Versteckte Domänen-URL
}

Unterseiten-JS:

Code kopieren

Der Code lautet wie folgt:

Dokument.Domäne = "xxx.com";
Funktion sendData(paramFromParent) {
var serverUrl = "xxx.com";
//Hier wird paramFromParent verarbeitet, um die vollständige URL von xxx.xml zu erhalten.
//Dann rufen Sie die URLLoader-Methode von AS auf, um die Daten unter der URL abzurufen
// Rufen Sie nach erfolgreicher Erfassung die folgende Methode auf, um die Methode getData auf der übergeordneten Seite anzusteuern
}
Funktion getData(backData) {
window.parent.getData(zurückDaten);
}

Tag: Der Grund, warum Anzeige oder Sichtbarkeit nicht verwendet wird, liegt darin, dass im IE-Browser, wenn Ihr Iframe-Element als diese beiden Punkte formatiert ist, das JS im Frame nicht geladen wird und keine Kommunikation durchgeführt werden kann ...
Zum besseren Verständnis: Das Bild oben spricht für sich selbst

Programmablauf:
1. Laden Sie JS und deklarieren Sie die Methoden sendData und getData unter dem übergeordneten Seitenfenster
2. Iframe laden
3. Führen Sie den AS-Code im Iframe aus
4. AS-domänenübergreifendes Analysieren und Verarbeiten von XML-Dateien
5. Rufen Sie window.parent.getData auf, um das JS der übergeordneten Seite zu steuern und die analysierten Daten zu übergeben

<<: Zusammenfassung der Stiländerungen des Eingabefelds vom Typ „file“

>>: CSS löst das Fehlausrichtungsproblem von Inline-Blöcken

Öffentliche kostenlose STUN-Server

Artikel

Tencent-Interview: Was sind die Gründe, warum eine SQL-Anweisung sehr langsam ausgeführt wird? ---Sehen Sie sich die Serie „Regret“ nicht an (empfohlen)

Artikel

Detaillierte Erläuterung des CocosCreator-Nachrichtenverteilungsmechanismus

JS Cross-Domain-XML – mit AS URLLoader

Öffentliche kostenlose STUN-Server

Tencent-Interview: Was sind die Gründe, warum eine SQL-Anweisung sehr langsam ausgeführt wird? ---Sehen Sie sich die Serie „Regret“ nicht an (empfohlen)

Detaillierte Erläuterung des CocosCreator-Nachrichtenverteilungsmechanismus

Eine kurze Diskussion über die Lösung des Problems der nativen Seitenkompatibilität mit IE9

Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen

Detaillierte Erklärung der Befehle zur Berechtigungsverwaltung in Linux (chmod/chown/chgrp/unmask)

Vue implementiert einen einfachen Lupeneffekt

So erstellen Sie einen Nginx-Image-Server mit Docker

Super ausführliches Tutorial zur Installation und Bereitstellung von mysql-canal-rabbitmq

Detailliertes Beispiel für das Linux-Allround-Systemüberwachungstool dstat

Artikel empfehlen

Verwenden der Better-Scroll-Komponente in Vue zum Realisieren der horizontalen Scrollfunktion

Nginx verwendet Reverse-Proxy, um eine Analyse des Lastausgleichsprozesses zu implementieren

Häufige Probleme und Lösungen beim Erstellen von MySQL MGR

CSS-Benennung: BEM, Scoped CSS, CSS-Module und CSS-in-JS erklärt

Vue verwendet WebSocket, um die Chat-Funktion zu simulieren

10 Tipps für das User Interface Design mobiler Apps

Vue verwendet Plug-Ins, um Bilder proportional zuzuschneiden

Probleme und Lösungen bei der Installation von Mininet auf Ubuntu 16.04.4LTS

Ein kurzer Vortrag über JavaScript Sandbox

CentOS7 64-Bit-Installation MySQL Grafik-Tutorial

Tutorial zur HTML-Tabellenauszeichnung (28): Farbattribut für Zellrahmen BORDERCOLOR

Detaillierte Erklärung der Lösung für das beim Start hängengebliebene Ubuntu-Dualsystem

So verwenden Sie einen Gamecontroller in CocosCreator

JavaScript Canvas implementiert Tic-Tac-Toe-Spiel