手机本地存储？

Question

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

我的代码的一部分记载：

 <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以及..