Django提交POST请求返回结果页后，如何实现30秒后自动跳转到首页

下面提供两种常用的实现方式，可根据需求选择：

方案1：使用HTML原生meta标签（实现最简单，无需额外代码） #

直接在dataresult.html的<head>标签内添加如下代码即可：

<!-- 30代表倒计时秒数，url后填写跳转目标路径 -->
<meta http-equiv="refresh" content="30; url={% url '你的index路由名' %}">

如果你的index页面没有配置路由命名，直接写实际路径即可，比如：

<meta http-equiv="refresh" content="30; url=/pages/index/">

方案2：使用JavaScript实现（支持自定义倒计时提示，用户体验更好） #

可以在页面上展示倒计时读秒，同时支持用户主动点击立即跳转，示例代码如下：

<!-- 放在dataresult.html的body区域你想要展示提示的位置 -->
<p>查询结果加载完成，<span id="countdown">30</span>秒后自动返回首页，也可点击<a href="{% url '你的index路由名' %}">这里</a>立即跳转</p>

<script>
let countdown = 30
const countdownEle = document.getElementById('countdown')
const timer = setInterval(() => {
  countdown--
  countdownEle.innerText = countdown
  if (countdown <= 0) {
    clearInterval(timer)
    window.location.href = "{% url '你的index路由名' %}"
  }
}, 1000)
</script>

内容的提问来源于stack exchange，提问作者Elfo