verschwindet in Seitenaktualisierung und Schließen des Browser- WebStorage

Question

• Ich bin mit Webspeicher
• aber wenn ich die Seite, die ich aktualisieren, um die vorgelegten Werte im Browser nicht sehen ...
• wissen Sie, warum ...
• Bereitstellung von meinem Code unten

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

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

Answer 1

Sie löschen LocalStorage nach jeder Übermittlung am Ende des Rückrufs onSubmit. Löschen Sie möglicherweise die Formularwerte, anstatt den Speicher zu löschen.

$('#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 >>>>>>>>>>>>>>>>>>>>> 
});