HTML5 localStorage.setItem值设置，但没有得到价值

Question

jQuery的：

$(document).ready(function() { 
    alert(localStorage.getItem(pet_name)); 
    $("#lost_step1").click(function(){ 
     alert($("#pet_name").val()); 
     localStorage.setItem(pet_name, $("#pet_name").val()); 
     alert(localStorage.getItem(pet_name)); 
    } 
} 

当我刷新页面比它没有得到pet_name之外点击功能的价值。它提醒内部点击功能。我该如何解决这个错误？为什么它没有获得价值？请帮帮我。现在我很无奈。并为我弱小的英语感到抱歉。

Answer 1

也许尝试这个

https://jsfiddle.net/dalinhuang/hgf1gcz5/1/

根据您的例子：

$(document).ready(function() { 
    var pet_name = "pet_name"; 

    alert('init --> ' + localStorage.getItem(pet_name)); 

    $("#lost_step1").click(function() { 
    var pet_name_val = $("#pet_name").val(); 
    alert('before save-->' + pet_name_val); 
    localStorage.setItem(pet_name, pet_name_val); 
    alert('after save-->' + localStorage.getItem(pet_name)); 
    }); 
}); 





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<input value="test_pet_name" id="pet_name" /> 
<br> 
<button id="lost_step1">CLICK ME!</button>