Sitzungsspeicher funktioniert nicht auf verschiedenen Registerkarte

Question

Ich möchte einige Daten zwischen verschiedenen Registerkarten mit SessionStorage auf meinem lokalen Server übergeben. Ich habe einige Wege versucht, konnte aber nicht erfolgreich sein. Bitte helfen Sie mir.

Dies ist meine einzige Datei, in der ich meine Daten einstelle.

if (typeof(Storage) !== "undefined") { 
    var loggedInUserId = loggedInId; 
    console.log(loggedInUserId); 
    sessionStorage.clear(); 
    sessionStorage.setItem("loggedin_id", loggedInUserId); 
    console.log(sessionStorage); 
} 

und ich versuche, die Daten aus anderer Datei von einem anderen Projekt von meinem lokalen Laufwerk

var companyId = sessionStorage.getItem("loggedin_id"); 

zu holen

Das Problem ist, Daten über den Browser setzen aber wenn ich überprüfe auf meinem anderen Projekt Tab den Speicher leer bleiben.

hinweis: meine zwei projekte sind in zwei laufwerken, weiß nicht, es macht unterschied oder nicht. Bitte, jeder gibt mir einen Weg, es zu lösen. Danke .

Answer 1

Fady Sadeks Antwort ist der richtige Weg, es zu tun, ich würde eine Überprüfung hinzufügen, ob die localStorage verfügbar ist, bevor Sie den Wert auch erhalten, und ob die Daten tatsächlich gespeichert werden, bevor Sie versuchen, es zu bekommen.

JS Fiddle

function saveText() { 
    if (typeof(Storage) !== "undefined") { 
     localStorage.setItem("myData", "Hello, Rajesh!"); 
     alert('Data saved.'); 
    } else { 
     alert('Local storage not available'); 
    } 
} 

function getText() { 
    if (typeof(Storage) !== "undefined" && typeof(localStorage.getItem('myData')) !== "undefined") { 
     alert(localStorage.getItem('myData')); 
    } else { 
     alert('Local storage not available or the data is not saved.'); 
    } 
} 

Denken Sie daran, die scopes of the storage, können Sie es nur zwischen den Tabs/Fenster im gleichen Sub-Domain und/oder der Domäne verwenden.

Answer 2

Session Speicher ist nicht das geeignete Werkzeug für Ihre Aufgabe sollten Sie lokale Speicher Für sessionstorage verwenden werden, Änderungen pro Fenster nur zur Verfügung stehen (oder Tab in Browsern wie Chrome und Firefox)

in Ihrem Fall, dass Sie die Daten über verschiedene Registerkarten geteilt werden, so dass Sie etwas tun können:

if (typeof(Storage) !== "undefined") { 
    localStorage.setItem("firstname", "fady"); 
} else { 
    // Sorry! No Web Storage support.. 
} 

und dann können Sie es genau das gleiche Sie mit Ihrer Sitzung Speicher

var firstname = localStorage.getItem("firstname"); 

tat abrufen