javascript - 提交表单后如何从 URL 中删除参数？

Question

当我在浏览器中使用以下链接时，将在此页面的表单中填充一条记录以进行编辑。

http://vcred.dev/#personal/myacademicdetail?record_id=15

当我单击“保存”按钮时，记录已成功更新到数据库中，并且具有更新值的表单仍在我面前。对我来说没问题。但是发布表格后我只有一个问题。地址栏中的 URL 仍然与之前的帖子相同。

http://vcred.dev/#personal/myacademicdetail?record_id=15

但是我希望在我的表单发布后地址栏中没有参数的短 URL 是这样的:

http://vcred.dev/#personal/myacademicdetail

如何使用 javascript？

Answer 1

由于您在 URL 中使用哈希，因此您可以在 JavaScript 中执行以下操作:

location.href = location.protocol + "//" + 
                location.host + 
                location.pathname + 
                location.hash.split('?')[0];

这不会导致页面刷新，如 Stack Overflow 帖子中所述:How do I, with javascript, change the URL in the browser without loading the new page?