Question

我想在我的phonegap代码中加入本地存储，我想保存一组数据。

我的部分代码是：

       <div data-role="collapsibleset"> 
         <div  data-role="collapsible">
            <h3>LOGIN</h3>
            <form id="login-form" data-ajax="false" method="post">
                <label for="text-1">USERNAME:</label><input name="text-1"  id="text-1" type="text" value="subin">
                <label for="password">PASSWORD:</label><input name="password"  id="password" type="password" value="passwordx">

                <input type="button" data-theme="b" name="submit" id="submit" value="enter" data-iccon="plus">
            </form>
         </div>

现在我想捕获用户名和密码，并使用JSON.Stringify并使用它来存储数据。但是我对语法很有把握。

Answer 1

您可以参考此代码段：

var userObj = {
  user: 'User',
  password: 'password'
};
var setLS = document.getElementById('setLS');
var getLS = document.getElementById('getLS');
var setter = function() {
  localStorage.setItem('userObj', JSON.stringify(userObj));
  console.log('userObj set in localStorage');
};
var getter = function() {
  var storage = localStorage.getItem('userObj');
  console.log(JSON.parse(storage));
};
setLS.addEventListener('click', setter);
getLS.addEventListener('click', getter);

<button id="setLS">Set LocalStorage</button>
<button id="getLS">Get LocalStorage</button>

您也可以参考此JSFIDDLE。

带phonegap的本地存储？

1 个答案: