Локальное хранилище с телефонной связью?

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, а ..