2017-08-29 84 views
0

我目前正在使用使用Apache Cordova的項目。在我們的HTML文件中,我們有一個搜索框,用戶可以在其中輸入ie。 「A級」,並且如果他/她希望的話,將其設置爲默認值。什麼是最簡單的方法來做到這一點,當用戶重新打開應用程序,應用程序會記住輸入?由於我們只爲Android和IOS cookies創建(本地)應用程序,因此不會這樣做。本地存儲是最簡單,最正確的方法嗎?它應該如何在代碼中實現?如果有問題,我們的項目中有HTML/CSS/JS。在應用程序中將HTML設置爲默認值

提供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> 

What code looks like in app

這是代碼看起來像在應用程序(與JS功能並且這樣的)。

所以一切工作正常,但我們如何設置搜索作爲默認,所以應用程序下次用戶打開應用程序時會記得輸入?

預先感謝您。

+0

本地存儲會的工作,我想 – TimCodes

回答

2

你可以使用localStorage,它甚至在瀏覽器關閉並重新打開時仍然存在,並且會是這樣的。

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

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

Window.localStorage

0

其實我不會依賴於使用localStorage如果你想確保你的數據永遠不會被系統清除。如提到的herelocalStorage將被清除,如果您的設備有可用內存不足。 我建議使用以下持久存儲可能性之一:

雖然SQLite的將是一個記憶用戶的選擇有點大材小用,所以本地的存儲是可能是要走的路。

使用(後添加插件):

存儲項目:

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

檢索項目:

NativeStorage.getItem("key",<success-callback>, <error-callback>); 
相關問題