HTML "Als Standard festlegen" in einer App

Question

Ich arbeite derzeit mit einem Projekt, das Apache Cordova verwendet. In unserer HTML-Datei haben wir ein Suchfeld, in das der Benutzer zB eingeben kann. "KLASSE A" und setze es als Standard, wenn er/sie es wünscht. Was ist der einfachste Weg, dies zu erreichen, dass die App sich die Eingabe merkt, wenn sie die App erneut öffnet? Da wir nur eine (native) App für Android erstellen und IOS Cookies nicht tun. Ist der lokale Speicher der einfachste und richtige Weg, um diesen zu erreichen? Wie sollte es im Code implementiert werden? Wir haben HTML/CSS/JS in unserem Projekt, wenn das wichtig ist.

Bereitstellen eines Snippets aus HTML;

<div data-role="content" id="content"> 
     <div id="search"> 
      <div class="ui-widget"> 
       <div id="timetable"> 
       </div> 

       <form onsubmit="return false" id="searchform"> 
        <input type="text" oninput="upperCaseGroup(this)" id="field" placeholder="Search group's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off"> 
        <input type="text" oninput="upperCaseClass(this)" id="fieldClass" placeholder="Search room's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off"> 
        <p id="searchNotifi">* Search timetables inputting desired group or room id. (ie. TITE14/A420.2) <a href style="color: deeppink" id="hidemsg">Okay!</a></p> 
        <label for="remember" id="mlabel"><input type="checkbox" id="remember" data-role="none" />Set as default</label> 
        <!-- <div id="hae" class="ui-btn ui-input-btn ui-corner-all ui-shadow">Search</div> --> 
        <input type="button" value="Search" id="search" class="btn openpanel" onclick="executeSearch()" /> 
       </form> 
      </div> 
     </div> 

Dies ist, wie der Code wie in app aussieht (mit JS-Funktionen und so weiter).

Also alles funktionierte korrekt, aber wie können wir die Suche als Standard einstellen, so dass die App erinnert die Eingabe beim nächsten Mal Benutzer die App öffnet?

Vielen Dank im Voraus.

Answer 1

Sie können localStorage verwenden, es bleibt bestehen, auch wenn der Browser geschlossen und wieder geöffnet wird und so etwas sein wird.

localStorage.setItem("val1","some text"); 

localStorage.getItem("val1") 
//some text 

Window.localStorage

Answer 2

Eigentlich verlassen würde ich nicht localStorage auf verwenden, wenn Sie sicherstellen möchten, werden Ihre Daten niemals vom System gelöscht. Wie bereits erwähnt, wird herelocalStorage gelöscht, wenn Ihr Gerät über wenig verfügbaren Arbeitsspeicher verfügt. Ich würde vorschlagen, eine der folgenden persistent Speichermöglichkeiten mit:

• Native storage
• SQLite storage

Obwohl SQLite ein bisschen übertrieben für die Erinnerung an eine Benutzer-Auswahl sein wird, so nativen Speicher ist wahrscheinlich der Weg zu gehen.

Verbrauch (nach dem Plugin Hinzufügen):

ein Element speichern:

NativeStorage.setItem("key",<value>, <success-callback>, <error-callback>); 

einen Artikel Suchen:

NativeStorage.getItem("key",<success-callback>, <error-callback>);