javascript - 页面重新加载后按钮更改

Question

所以我有一个按钮，我想控制一个过程。该过程可以运行/暂停/停止。

<div>
    <button class="buttonAction" id="run"  onclick = "sendData()"   >Run</button>
    <button class="buttonAction" id="pause" onclick = "sendData1()" >Pause</button>

</div>   

因此按钮处于相同位置，我想要的是单击运行按钮时出现暂停按钮，反之亦然。

  function sendData(){
   //some values
window.location.href = '${createLink(controller:'run', action:'run')}' + '?dbvalue=' + db +  '&fsvalue=' + fs;
document.getElementById("run").style.visibility="hidden";
  document.getElementById("pause").style.visibility="visible";

} 

发生的事情是它出现了一秒钟，然后由于页面重新加载 window.location.href 而恢复运行，我正在使用它来将值发送回我的 Controller 。

有没有人知道解决这个问题的方法或更好的实现方法。

提前致谢

Answer 1

重新加载页面就像删除白板并重新开始。下一页不会记住您在其后运行的 JavaScript 的状态。按钮的设置需要在下一页加载时进行。理想情况下，您的服务器端代码应该设置按钮的状态。