Wird eine externe JavaScript-Datei zwischen HTML-Seiten neu geladen?

Question

Ich arbeite an einer einfachen HTML/CSS/JavaScript-Quiz-Website.

Ich verwende eine externe JavaScript für die Datensammlung von einem HTML-Formular in JavaScript als solche:

var userInfo = []; 
function savePerson(form) 
{ 
    userInfo[0] = form.store.value; 
    userInfo[1] = form.employeeId.value; 
    userInfo[2] = form.fName.value; 
    userInfo[3] = form.lName.value; 
}; 

Dies funktioniert gut.

Nun muss ich auf eine andere HTML-Seite gehen, aber behalten Sie die Werte in Array. Lädt JavaScript zwischen HTML-Dateien neu? Wenn ja Wie kann ich die Werte eines Skripts über mehrere Seiten hinweg beibehalten?

Answer 1

Sie müssen sie entweder auf der Clientseite oder auf der Serverseite speichern.

Für Server-Side-Storage müssen Sie die Daten über Ajax an den Server senden und dort in jeder Art von Datenbank speichern.

Auf der Clientseite können Sie die Daten entweder in Cookies, localstorage, indexeddb oder websql speichern.

wäre eine einfache Lösung:

localStorage.setItem('myPerson', JSON.stringify(userInfo)); 

Answer 2

Sie das Array als JS-Datei speichern Einrichtungen von html5 mit der Datei speichern könnte. Und dann in der anderen HTML-Seite würden Sie die js-Datei als ein externes Skript laden.

Answer 3

Wenn Sie vertrauliche Informationen verwenden, möchten Sie wahrscheinlich einen Back-End-Dienst verwenden, um solche Daten zu speichern und abzurufen. In den meisten Fällen können jedoch lokaler Speicher oder Cookies verwendet werden.

Heres ein Beispiel unter Verwendung von Local Storage

das Element Set:

localStorage.setItem('userInfo', userInfo); 

dann auf der nächsten Seite verwenden diese das Produkt zu erhalten:

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

Answer 4

Verwendung local

//save datas: 
localStorage.setItem('data', JSON.stringify(info)); 


//get datas: 
var data=localStorage.getItem('data');