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

location.reload(); //simple refresh

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

location.reload(true);//hard refresh

$(document).on("click", "#refresh_btn", function(event) 
{
     window.location.replace(window.location.href);
});

具有不同缓存相关行为的三种方法：

location.reload（true）在实现location.reload（）的forcedReload参数的浏览器中，通过获取页面及其所有资源（脚本、样式表、图像等）的新副本来重新加载。不会从缓存中提供任何资源-从服务器获取新副本，而无需发送任何副本（如果修改后或没有与请求中的标头匹配）。相当于用户在可能的情况下在浏览器中进行“硬重新加载”。请注意，Firefox（请参阅MDN）和Internet Explorer（请参阅MSDN）支持将true传递到location.reload（），但不受普遍支持，也不是W3 HTML 5规范、W3 HTML 5.1草案规范和WHATWG HTML生活标准的一部分。在不支持的浏览器中，如Google Chrome，location.reload（true）的行为与location.reload（）相同。location.reload（）或location.reload（false）重新加载页面，获取页面HTML本身的新的、未缓存的副本，并对浏览器缓存的任何资源（如脚本）执行RFC 7234重新验证请求，即使它们是新的。RFC 7234允许浏览器在不重新验证的情况下为它们提供服务。据我所知，在执行location.reload（）调用时，浏览器应该如何使用其缓存并没有具体说明或记录；我通过实验确定了上述行为。这相当于用户只需按下浏览器中的“刷新”按钮。location=位置（或无限多其他可能涉及指定位置或其财产的技术）仅当页面的URL不包含fragid/hashbang时才有效！重新加载页面，而无需重新蚀刻或重新验证缓存中的任何新资源。如果页面的HTML本身是新的，这将重新加载页面，而不执行任何HTTP请求。这相当于（从缓存角度）用户在新选项卡中打开页面。但是，如果页面的URL包含哈希，则这将无效。同样，据我所知，这里的缓存行为没有具体说明；我通过测试确定了这一点。

总之，您希望使用：

location=缓存的最大使用位置，只要页面的URL中没有哈希，在这种情况下，这将不起作用location.reload（true）在不重新验证的情况下获取所有资源的新副本（尽管它不受普遍支持，并且在某些浏览器（如Chrome）中的行为与location.reloadlocation.reload（）忠实地再现用户单击“刷新”按钮的效果。

您应该使用以下代码

window.location.reload();

这适用于所有浏览器：

location.reload();

您可能需要使用

 location.reload()

或可能需要使用

location.reload(forceGet)

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

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