单击按钮时刷新页面答案

【问题标题】：Refresh page when button is clicked单击按钮时刷新页面
【发布时间】：2014-04-10 10:10:18
【问题描述】：

我有一个时钟按钮，可以换出数据库的时间戳。它真的没有任何作用，因为按钮会将您带到我用来管理打卡和打卡功能的工资单 API。我将按钮留在那里，这样当用户在他们的仪表板上时，他们可以看到他们已经打卡了多长时间，并在他们打卡或打卡时得到提醒。

如果您单击该按钮，它将在新页面中打开。因此，如果您在刷新页面时再次单击该按钮，它不会再次打开该链接。

如何在点击时刷新此页面以避免此问题？

<div id="clock">
<? if( is_null($row) ): ?>
    <a href="timeclock/index.php" target="blank"  /><button class="btn" id="clock_in">Clock in</button></a>
<? else: ?>
    <label>Last Clocked in</label>
    <input type="text" readonly="readonly" id="last_clocked" value="<?= $row['in']?>"><br>
   <a href="timeclock/index.php" target="blank" /><button class="btn" id="clock_out">Clock Out</button></a>
<? endif; ?>
</div>

【问题讨论】：

您想在新的windwo/tab 中打开还是试图避免这种行为？ target="_blank"（注意下划线）将导致在新的windwo/tab中打开链接
如果省略下划线，它将在新窗口中打开并将该窗口命名为“空白”，这将导致每次打开具有目标的链接时都会使用此窗口“空白”
没有 _ 的空白使其在新选项卡中打开。我只想让它在新标签页中打开并刷新页面。
啊，好吧，改变一下
但这不会导致主选项卡被刷新。你可能不得不使用 javascript 来获得你想要的效果

标签： php html forms submit refresh

【解决方案1】：

我看到您在链接中放置了一个按钮... 删除链接，只需将 onclick 事件处理程序添加到打开新窗口并刷新旧窗口的按钮。

    <button class="btn" id="clock_in" onclick="window.open('timeclock/index.php', '_blank';location.reload();">Clock in</button>

或者，如果其他方式对您来说很好（如您在 cmets 中所述），让链接调用新窗口并且 javascript 重新加载页面，那么就这样做:)

【讨论】：