在内页上强制刷新页面 link

Question

我正在尝试 link 到内页锚点并强制刷新页面。

但是这不会强制刷新：

<a href="/#example">example link</a>

link访问同一页面中的锚点并强制刷新的最佳方法是什么？

此外，我希望刷新是 GET 请求，即使该页面最后是使用 POST 请求呈现的。

Answer 1

将 JS onClick="window.location.reload()" 事件也添加到您的 a 标签，完整示例：

<a href="#example" onClick="window.location.reload()">Click to refresh</a>

有很多方法可以使用 JS 刷新页面，只需将其与您的点击事件相关联即可。这里有一些例子，

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)

摘自 535 ways to reload a page with JS.

Answer 2

最后，唯一对我有用的方法就是结合使用 window.location 并添加一个参数。所以我最终做的是这样的：

    <p><a href="#example" id="example">Click Here</a></p>

然后是下面的 jQuery:

    $('#example').click(function(event) {

        window.location = '/?anything#example';

    });

我尝试将参数直接添加到 link;但这并没有强制加载页面；只有在使用 window.location 添加它时它似乎才有效。