手機本地存儲？

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