Question

我目前正在使用一个使用Apache Cordova的项目。在我们的HTML文件中，我们有一个搜索框，用户可以在其中输入ie。＆＃34; CLASS A＆＃34;如果他/她愿意，将其设置为默认值。实现这一目标的最简单方法是，当用户重新打开应用程序时，应用程序会记住输入？因为我们只为android和IOS cookie创建一个（本机）应用程序。本地存储最简单，最正确的方法是接近这个吗？应该如何在代码中实现？如果重要的话，我们的项目中有HTML / CSS / JS。

从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>

这是代码在app中的样子（使用JS函数等）。

所以一切正常，但我们如何将搜索设置为默认值，以便应用在下次用户打开应用时记住输入？

提前谢谢。

Answer 1

您可以使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <h2 class='socialheader'> Green Great Dragons </h2> <div class='socialsub'> <h3> Facebook </h3> <a href="http://www.facebook.com/greengreatdragons">Green Great Dragons on Facebook</a> <br /> <br /> <h3> Bandcamp </h3> <a href="http://greengreatdragons.bandcamp.com">Green Great Dragons on BandCamp</a> <br /> <br /> </div> <h2 class='socialheader'> Colin Jones </h2> <div class='socialsub'> <h3> Twitter </h3> <a href="http://www.twitter.com/colinjones93">Colin Jones on Twitter</a> <br /> <h3> Instagram </h3> <a href="http://www.instagram.com/shredelicious">Colin Jones on Instagram</a> <h3> YouTube </h3> <a href="https://www.youtube.com/channel/UCwz6MLT9afvqHfn06AMkL6Q">Colin Jones on YouTube</a> <br /> <br /> </div>，即使在浏览器关闭并重新打开时它仍会存在，并且会像这样。

localStorage

Window.localStorage

Answer 2

实际上，如果您想确保您的数据永远不会被系统清除，我不会依赖localStorage。如上所述，如果您的设备内存不足，here localStorage将被清除。我建议使用以下持久存储空间之一：

虽然SQLite在记住用户选择方面会有点过分，但原生存储可能就是这样。

用法（添加插件后）：

存储项目：

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

检索项目：

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

HTML＆＃34;设置为默认值＆＃34;在应用中

2 个答案: