重定向到 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 = {&nbsp; &nbsp; set: function (key, value) {&nbsp; &nbsp; &nbsp; &nbsp; return Promise.resolve().then(function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; localStorage.setItem(key, value);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; },&nbsp; &nbsp; get: function (key) {&nbsp; &nbsp; &nbsp; &nbsp; return Promise.resolve().then(function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return localStorage.getItem(key);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }};localStorageAsync&nbsp; &nbsp; .set('user', JSON.stringify($('input').val()))&nbsp; &nbsp; .then(function() {&nbsp; &nbsp; &nbsp; &nbsp; callRedirect();&nbsp; &nbsp; })