F5 页面重复提交表单

<form class="form ui" novalidate="novalidate" action="" method="post" name="user_address">
<div class="content">
<div class="actions">
<input id="user_address_latitude" type="hidden" name="user_address[latitude]">
<input id="user_address_longitude" type="hidden" name="user_address[longitude]">
<input id="user_address__token" type="hidden" value="cIl-NsQEBGTs6wvVa4T1tSiVqWdXPeqPuRjy5ly4LK4" name="user_address[_token]">
</form>

form表单代码

post  提交后,F5 刷新页面,会重复提交数据。

在后端,php代码中添加判断,如果提交成功

<?php

$url = '/profile/me';
header("Location:$url");
exit;

那么跳转页面,再次F5的页面就不会出现表单的重复提交数据了。

如果js程序跳转

<?php

echo '<script>window.location.href="/profile/me";</script>';
exit;

会造成,有一个过渡的空白页面。而且慢,舍弃。

header('Location:');用于php代码中的页面跳转

你可能感兴趣的:(F5 页面重复提交表单)