在页面刷新和关闭浏览器 - webstorage

Question

• 我正在使用网络存储
• 但是当我刷新页面时，我在浏览器中看不到提交的值...
• 你知道为什么......
• 在下面提供我的代码

http://codepen.io/anon/pen/mPBQxX

 $('.stored').keyup(function() {
    localStorage[$(this).attr('name')] = $(this).val();
  });

Answer 1

您在onSubmit回调结束时每次提交后清除LocalStorage。也许清除表单值而不是清除存储。

$('#localStorageTest').submit(function(e) {
  e.preventDefault();
  var email = $('#email').val();
  var name = $('#name').val();
  var message = $('#message').val();
  var div = "<div><span>" + name + "</span><span >" + email + "</span><span>" + message + "</span><input type='button' value='Edit' name='editHistory'><input type='button' value='Delete' name='deleteHistory'></div>"; //add your data in span, p, input.. 
  //alert(div);

  $('.gettingValues').append(div); //apendd the div
  $('#localStorageTest')[0].reset(); //clear the form 
  localStorage.clear(); >>>>>>>>>> RESETTING HERE >>>>>>>>>>>>>>>>>>>>>
});