重定向到 javascript 中的另一个页面时，LocalStorage 未更新

Question

我试图在 localStorage 中保存一个值，然后页面被重定向到另一个页面。但如果该值已保存，那么我输入另一个值，当我转到另一页时，保存的值是第一个值。例如，如果 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();

    })