ekran html5 yerel depolama ben form değerleri almak ve html5 yerel depolama kullanarak değerleri görüntülemek için çalışıyorum

Question

• kullanarak değerleri
• ben html ve js kodu ama onun
• nasıl bana söyleyebilir çalışmıyor yazdım bunu düzeltmek için ..
• i keman çok

https://jsfiddle.net/r977y9zb/2/

koyduk

altına kodumu sağlayarak

code 
$(document).ready(function() { 
    function init() { 
     if (localStorage["name"]) { 
      $('#name').val(localStorage["name"]); 
     } 
     if (localStorage["email"]) { 
      $('#email').val(localStorage["email"]); 
     } 
     if (localStorage["message"]) { 
      $('#message').val(localStorage["message"]); 
     } 
    } 
    init(); 
}); 

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

$('#localStorageTest').submit(function() { 
    localStorage.clear(); 
}); 

Answer 1

localStorage erişme ve depolanmış verileri ayarlamak için .getItem() ve .setItem() yöntemlerini kullanır. Adlarınızı, köşeli parantezler ([, ]) gibi bir dizi olduğu gibi localStorage doğrudan geçiriyorsunuz.

Sayfa hazır olduğunda, yalnızca bir kez işlevi çalıştırmak istediğiniz için, kodunuzun init işlevine sarılmasına gerek yoktur.

bu deneyin:

$(document).ready(function() { 

     if (localStorage.getItem("name")) { 
      $('#name').val(localStorage.getItem("name")); 
     } 
     if (localStorage.getItem("email")) { 
      $('#email').val(localStorage.getItem("email")); 
     } 
     if (localStorage.getItem("message")) { 
      $('#message').val(localStorage.getItem("message")); 
     } 

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

    $('#localStorageTest').submit(function() { 
     localStorage.clear(); 
    }); 

}); 

Answer 2

tek sorun etkinlik işleyicileri içeride $(document).ready değildir olduğunu aksi kod çalışıyor:

$(document).ready(function() { 
    init(); 
}); 


function init() { 
    if (localStorage["name"]) { 
    $('#name').val(localStorage["name"]); 
    } 
    if (localStorage["email"]) { 
    $('#email').val(localStorage["email"]); 
    } 
    if (localStorage["message"]) { 
    $('#message').val(localStorage["message"]); 
    } 

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

    $('#localStorageTest').submit(function() { 
    localStorage.clear(); 
    }); 
} 

DEMO