<i id="refresh" class="fa fa-refresh" aria-hidden="true"></i>

<script>
$(document).on('click','#refresh',function(){
   location.reload(true);
});
</script>

由于问题是一般性的，让我们尝试总结出答案的可能解决方案：

简单的纯JavaScript解决方案：

最简单的方法是以适当的方式放置单线解决方案：

location.reload();

很多人在这里缺少的是，因为他们希望得到一些“点”，reload（）函数本身提供了一个布尔值作为参数（详细信息：https://developer.mozilla.org/en-US/docs/Web/API/Location/reload).

Location.reload（）方法从当前网址。它的可选唯一参数是布尔值true，导致页面始终从服务器重新加载。如果是的话如果为false或未指定，则浏览器可以从隐藏物

这意味着有两种方式：

解决方案1：强制从服务器重新加载当前页面

location.reload(true);

解决方案2：从缓存或服务器重新加载（基于浏览器和配置）

location.reload(false);
location.reload();

如果你想将它与jQuery结合起来监听事件，我建议使用“.on（）”方法而不是“.click”或其他事件包装器，例如，更合适的解决方案是：

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

您可能想使用

location.reload(forceGet)

forceGet是一个布尔值，也是可选的。

默认值为false，从缓存中重新加载页面。

如果您希望强制浏览器从服务器获取页面，以清除缓存，请将此参数设置为true。

或者只是

location.reload()

如果您想快速方便地使用缓存。

您可能需要使用

 location.reload()

或可能需要使用

location.reload(forceGet)

forceGet是一个布尔值，也是可选的。

如果您希望强制浏览器从服务器获取页面，以便同时清除缓存，请将此参数设置为true

您应该使用以下代码

window.location.reload();

你可以用两种方式写。第一种是重新加载页面的标准方式，也称为简单刷新

location.reload(); //simple refresh

另一种叫做硬刷新。在这里传递布尔表达式并将其设置为true。这将重新加载页面，销毁旧缓存并从头开始显示内容。

location.reload(true);//hard refresh