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

MySQL-Beispiel für die Abfrage aller untergeordneten mehrstufigen Unterabteilungen basierend auf einer bestimmten Abteilungs-ID

Artikel

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

MySQL-Beispiel für die Abfrage aller untergeordneten mehrstufigen Unterabteilungen basierend auf einer bestimmten Abteilungs-ID

Dieser Artikel zeigt Ihnen, was Vite mit der Anfrage des Browsers macht

Implementierung der virtuellen React-Liste

Eine kurze Analyse der MySQL-Sicherung und -Wiederherstellung

So fahren Sie MySQL sicher herunter

Tutorial zum Upgrade, zur Installation und Konfiguration des Supervisors auf Centos 6.5

CSS3 realisiert das Effektdiagramm zur Produktanzeige auf der Website

vitrualBox+ubuntu16.04 installieren Sie Python3.6, neuestes Tutorial und detaillierte Schritte

Detaillierte Erklärung der Lösung für verweigerte Berechtigungen in Linux

Mysql: Der als Definierer angegebene Benutzer ('xxx@'%') existiert nicht – Lösung

Artikel empfehlen

HTML+CSS+JavaScript zum Erreichen eines Beispielcodes für das Scrollen in einer Listenschleife

Eine elegantere Methode zur Fehlerbehandlung in JavaScript async await

Beispielcode zur Implementierung von Anti-Shake in Vue

Wartungsmethode für den Innodb-Systemtabellenbereich

So beheben Sie den MySQL-FEHLER 1045 (28000) - Zugriff wegen Benutzer verweigert

Detaillierte Schritte zur Installation von mysql5.7.18 auf dem Mac

Flussdiagramm für die Standardentwicklung von Websites

Einführung in Who-Befehlsbeispiele in Linux

Lösung für Docker-Container, der Schriftarten wie Songti nicht erkennt

Untersuchung des Wertes des Positionsattributs in CSS (Zusammenfassung)

Verwenden von vue3 zum Implementieren eines Beispiels für die Kapselung von Zählfunktionskomponenten

Linux löst das Problem, dass Deepin den Google Chrome-Browser nicht als Root-Benutzer starten kann

Beispiele für die korrekte Verwendung von Karten in WeChat-Miniprogrammen

js verwendet Cookies, um die Seitenvorgänge des Benutzers zu speichern

Leerzeichenverarbeitung in HTML/CSS und wie Leerzeichen auf der Seite beibehalten werden