在頁面刷新本地存儲返回上woocomerce頁面刷新後，空值

Question

本地存儲返回一個空字符串不知道爲什麼，下面的代碼返回時，應該有內部存儲的值空值：

$(document).ready(function() { 
    $(window).keyup(saveSettings); 
    if (window.localStorage) { 
    loadSettings(); 
    } 
}); 

function loadSettings() { 
    $('#billing_first_name').val(localStorage.bfn); 
    $('#billing_last_name').val(localStorage.bln); 
    $('#billing_company').val(localStorage.cn); 
    $('#billing_phone').val(localStorage.phone); 
    $('#billing_email').val(localStorage.ea); 
} 

function saveSettings() { 
    localStorage.bfn = $('#billing_first_name').val(); 
    localStorage.bln = $('#billing_last_name').val(); 
    localStorage.cn = $('#billing_company').val(); 
    localStorage.phone = $('#billing_phone').val(); 
    localStorage.ea = $('#billing_email').val(); 

} 

Anytips是有幫助提前致謝。

Answer 1

你使用它錯了，你這是怎麼設置和retreive項目：

localStorage.setItem('name', 'value'); 
var value = localStorage.getItem('name'); 
console.log(value); //value 

所以你的情況，如：

localStorage.setItem('bfn', $('#billing_first_name').val()); //Set value 
$('#billing_first_name').val(localStorage.getItem('bfn')); //Get value