如何在location.reload（）完成时提醒（）

Question

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

现在，弹出窗口会在一秒钟后显示并消失，甚至更少，因为代码会同时执行。

我在ajax成功的代码：

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

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

Answer 1

如果你重新加载页面，基本上JavaScript基本上会＃34;重置＆＃34;，所以在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!") 
    }
});