通过 javascript 的 history api 在页面加载时移除 url 中的查询参数，可防止用户刷新结果页时重复执行逻辑，确保每次查看新结果都需重新提交表单。
在 Flask 应用中，若采用前端重定向（如 document.location.href = "/results?age=25&price=100"）跳转至结果页，URL 会携带查询参数。此时用户刷新页面，浏览器将重新发起带参数的 GET 请求，导致 @app.route("/results") 中的业务逻辑被重复执行——这不仅违背“表单提交一次、结果展示一次”的预期，还可能引发数据重复处理、状态不一致等问题。
✅ 正确做法：在结果页（results.html）加载完成后，立即清理 URL 中的敏感查询参数，同时保持页面内容不变。推荐使用 history.replaceState() 配合 URLSearchParams 实现无刷新 URL 修正：
<!-- results.html 中的脚本（建议置于 </body> 前） -->
<script>
// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
const url = new URL(window.location.href);
// 逐个删除指定参数（注意：delete() 方法第二个参数无效，需分别调用）
url.searchParams.delete('age');
url.searchParams.delete('price');
// 替换当前历史记录，不触发跳转
window.history.replaceState({}, document.title, url);
});
</script>⚠️ 注意事项：
- searchParams.delete(key) 只接受一个参数（键名），不能传入多个键（如 delete('age','price') 是错误写法，仅第一个 'age' 生效）；
- replaceState() 不会刷新页面，也不会触发路由重载，安全可靠；
- 此方案适用于纯前端跳转场景；若改用 Flask 的 redirect(url_for('results')) + request.form POST 提交，则天然规避 URL 参数残留问题（更推荐的后端方案）；
- 若需兼容老旧浏览器（如 IE），需引入 URL 构造函数 polyfill 或改用正则解析 URL。
? 总结：清除 URL 参数是提升用户体验与逻辑健壮性的关键细节。前端清理（replaceState）是快速见效的补救方案，但长期建议采用 POST → 302 重定向 → GET（PRG 模式） 的标准实践，从根本上分离操作与展示，杜绝重复提交风险。
