前端提交POST,防止刷新问题
尋鯨錄的Blog

前端提交POST,防止刷新问题

尋鯨錄
3月17日发布 /正在检测是否收录...
温馨提示:
本文最后更新于2025年03月17日,已超过44天没有更新,若内容或图片失效,请留言反馈。
AI摘要:通过HTML5操作浏览器历史记录堆栈,使用特定JavaScript代码替换当前URL,可防止前端提交POST后刷新导致的重复提交问题。

DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。

从HTML5开始,我们可以开始操作这个历史记录堆栈。

而,可以通过这个特性,来解决当前页面提交POST后,刷新,会提示是否再次提交。

使用如下代码:

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }</script>

使用JS替换了以后,刷新就没有问题了

喜欢就支持一下吧
点赞 0 分享 赞赏
评论 抢沙发
OωO
取消