Window.name löst das Problem der domänenübergreifenden Datenübertragung

<br />Originaltext: http://research.microsoft.com/~helenw/papers/subspace.pdf
Die window.name-Übertragungstechnologie wurde ursprünglich von Thomas Frank erfunden, um einige Nachteile von Cookies zu lösen (4 x 20 KB-Limit für jeden Domänennamen, Daten können nur Zeichenfolgen sein, komplexe Syntax zum Setzen und Abrufen von Cookies usw.) (Einzelheiten finden Sie im Originaltext: „Sitzungsvariablen ohne Cookies“). Später verstärkte Kris Zyp die auf dieser Methode basierende window.name-Übertragung und führte sie in Dojo (dojox.io.windowName) ein, um das Problem der domänenübergreifenden Datenübertragung zu lösen.
Das Schöne an window.name: Der Namenswert bleibt nach dem Laden verschiedener Seiten (sogar verschiedener Domänen) erhalten und kann sehr lange Namenswerte (2 MB) unterstützen.
Die Grundprinzipien und Schritte der window.name-Übertragungstechnologie sind:

Name ist eine Eigenschaft des globalen/Fensterobjekts in der Browserumgebung, und wenn eine neue Seite im Frame geladen wird, bleibt der Eigenschaftswert von Name unverändert. Durch das Laden einer Ressource in einem Iframe legt die Zielseite das Namensattribut des Frames fest. Dieser Namensattributwert kann abgerufen werden, um auf die vom Webdienst gesendeten Informationen zuzugreifen. Das Namensattribut ist jedoch nur für Frames mit demselben Domänennamen zugänglich. Dies bedeutet, dass Sie zum Zugriff auf das Namensattribut nach dem Laden der Remote-Webdienstseite im Frame zurück zur ursprünglichen Domäne navigieren müssen. Die Same-Origin-Policy verhindert weiterhin, dass andere Frames auf das Namensattribut zugreifen. Sobald das Namensattribut erhalten ist, zerstören Sie den Rahmen.
Auf der obersten Ebene ist das Namensattribut unsicher und alle im Namensattribut festgelegten Informationen sind auf allen nachfolgenden Seiten verfügbar. Das Modul „windowName“ lädt Ressourcen jedoch immer in einem Iframe. Sobald die Daten abgerufen werden oder Sie zu einer neuen Seite auf der obersten Ebene navigieren, wird das Iframe zerstört, sodass andere Seiten niemals auf die Eigenschaft „window.name“ zugreifen können.
Der grundlegende Implementierungscode basiert auf YUI und ist aus dem von Kejun geschriebenen Beispiel abgeleitet:

(Funktion(){
var YUD = YAHOO.util.Dom, YUE = YAHOO.util.Event;
Datenanforderung = {
_doc: Dokument,
cfg: {
Proxy-URL: „proxy.html“
}
};
dataRequest.send = Funktion(sUrl, fnCallBack){
wenn(!sUrl || Typ von sUrl !== 'Zeichenfolge'){
zurückkehren;
}
sUrl = (sUrl.indexOf('?') > 0 ? '&' : '?') 'Fenstername=true';
var Frame = dieses._doc.createElement('iframe'), Status = 0, selbst = dieses;
dies._doc.body.appendChild(Rahmen);
Rahmen.Stil.Anzeige = "keine";
var löschen = Funktion(){
versuchen{
frame.contentWindow.document.write('');
Rahmen.Inhaltsfenster.schließen();
self._doc.body.removeChild(Rahmen);
}fang(e){}
};
var getData = Funktion(){
versuchen{
var da = frame.inhaltsfenster.name;
}fang(e){}
klar();
wenn(fnCallBack && Typ von fnCallBack === 'Funktion'){
fnCallBack(da);
}
};
YUE.on(Rahmen, 'laden', Funktion(){
wenn(Zustand === 1){
getData();
} sonst wenn(Zustand === 0){
Zustand = 1;
frame.contentWindow.location = self.cfg.proxyUrl;
}
});
Rahmen.src = sUrl;
};
})();

<<: Analysieren Sie das Problem der Übertragung von Dateien und anderen Parametern in der Upload-Komponente von Element-UI

>>: dh Filtersammlung

MariaDB-Remote-Login-Konfiguration und Problemlösung

Artikel

Beheben Sie das Problem, dass die Lese-/Schreibtrennung von MySQL dazu führt, dass Daten nach dem Einfügen nicht ausgewählt werden

Artikel

Detailliertes Tutorial zur Anmeldung am System mit dem Root-Benutzer in der neuen Version von Ubuntu 20.04

Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen

Bei der täglichen Arbeit müssen wir häufig Protok...

Window.name löst das Problem der domänenübergreifenden Datenübertragung

MariaDB-Remote-Login-Konfiguration und Problemlösung

Beheben Sie das Problem, dass die Lese-/Schreibtrennung von MySQL dazu führt, dass Daten nach dem Einfügen nicht ausgewählt werden

Detailliertes Tutorial zur Anmeldung am System mit dem Root-Benutzer in der neuen Version von Ubuntu 20.04

So deinstallieren Sie das native OpenJDK von Linux und installieren Sun JDK

In einem Artikel erfahren Sie, wie Sie ein Vue-Plugin schreiben

HTML-Grundlagen - Pflichtlektüre - Umfassendes Verständnis von CSS-Stylesheets

Spezifische Verwendung von Lazy Loading und Preloading in js

Teilen Sie eine Idee zum Aufbau eines Master-Slave-Systems für eine große MySQL-Datenbank

Lassen Sie uns im Detail darüber sprechen, wie der NodeJS-Prozess beendet wird

So verschieben Sie ein rotes Rechteck mit der Maus im Linux-Zeichenterminal

Artikel empfehlen

Detaillierte Erläuterung des praktischen Protokolls zur Lösung der Netzwerkisolation durch Nginx

js realisiert die Lupenfunktion der Shopping-Website

Bringen Sie Ihnen bei, wie Sie wartbaren JS-Code schreiben

Beispiel für die Verwendung von CSS3 zum Erzielen eines glänzenden Schrifteffekts beim Entsperren eines Apple-Telefons

Javascript-Bereich und Abschlussdetails

Ein praktischer Leitfaden zu den Komponenten zur Leistungsoptimierung beim ersten Bildschirm von Vue-Projekten

So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten

Eine gründliche Analyse der HTML-Sonderzeichen

Detaillierte Erklärung zur Verwendung von Vue Smooth DnD, einer verschiebbaren Komponente von Vue

Beispielcode zur Implementierung einer Hohlmaskenebene mit CSS

Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen

Lösung für das Problem, dass die Seite leer ist, wenn die Seite mit der Quelldatei in IE7 geöffnet wird

So migrieren Sie MySQL-Daten richtig nach Oracle

Lösen Sie das Problem, dass ifconfig im Docker nicht verfügbar ist

So implementieren Sie den Vue-Timer