location.reload() 完成后如何提醒()

Question

我想使用 alert() 显示一个简单的弹出窗口，但是，只有在页面完全重新加载之后。

现在，弹出窗口显示并在一秒钟甚至更短的时间内消失，因为代码是同时执行的。

我的代码在ajax成功：

success : function( response ) {
    location.reload(); 
    alert(response);
}

如何让代码一个接一个地执行而不是同时执行？

Answer 1

如果您重新加载页面，基本上 JavaScript 将基本上“重置”，因此在 reload() 调用之后不会继续运行任何内容。您可能需要考虑在 localStorage 中放置一个变量，并在 document.ready 上发出警报。

这是一个例子。假设您想在用户单击特定按钮后刷新页面。

$(".myButton").on("click", function(){
     localStorage.setItem("buttonClicked", true); 
     location.reload(); 
}); 

$(document).ready(function(){
// This function will run on every page reload, but the alert will only 
// happen on if the buttonClicked variable in localStorage == true
    if(localStorage.getItem("buttonClicked");               
        alert("you clicked the button!") 
    }
});