javascript - 页面 URL delima - 控制浏览器刷新

Question

我有一个当前转到 url /edit/baseProductId 的页面，它具有保存功能，可以使用您所做的更改创建新产品。这里的技巧是它是一个 ajax 保存，所以 URL 不会改变。问题是如果用户刷新页面，它会重置他们的表单，因为 URL 没有更新。我是否可以在不影响用户体验的情况下以某种方式更改 URL 中的 baseProductId？

如果我不更改 baseProductId 或在用户刷新页面时提出一些解决方案，它将重置他们的表单 - 或者他们会这么想。

Answer 1

是的，将 url 更改为 /edit/baseProductId#saved

添加 anchor 会在浏览器的历史记录中添加一个新项目，因此刷新将使用添加的哈希进行刷新，并且以这种方式更改 url 不会从服务器重新加载内容。我不知道是否所有浏览器都会保留表单字段中的信息，但您始终可以使用 jQuery 来禁用表单，或者让它完全消失。