重定向到 javascript 中的另一個頁面時，LocalStorage 未更新

Question

我試圖在 localStorage 中保存一個值，然后頁面被重定向到另一個頁面。 但如果該值已保存然后我輸入另一個值，當我 go 到另一頁時，保存的值是第一個值。 例如，如果 localStorage 中的值為“red”，那么我在頁面重定向后輸入值“blue”，我發現保存的值是“red”。

<input type="text">
<button>click </button>

$('button').on('click', function () {

        callbackLogFun(); 

    });

    function callbackLogFun() { 

    localStorage.setItem('user', JSON.stringify($('input').val()));

    callRedirect(); 
 } 

function callRedirect() { 

     window.location.href = "sec-page.html";

} 

這就是我在第二頁上的稱呼

localStorage.getItem('user');

Answer 1

如果在頁面重定向之前確實沒有足夠的時間保存到 localStorage，那么您可以同步調用 localStorage：

const localStorageAsync = {
    set: function (key, value) {
        return Promise.resolve().then(function () {
            localStorage.setItem(key, value);
        });
    },
    get: function (key) {
        return Promise.resolve().then(function () {
            return localStorage.getItem(key);
        });
    }
};

localStorageAsync
    .set('user', JSON.stringify($('input').val()))
    .then(function() {
        callRedirect();
    })