如何使用jQuery刷新页面？
$('#something').click(function() {
location.reload();
});
reload()函数采用可选参数，可以设置为true以强制从服务器而不是缓存重新加载。参数默认为false，因此默认情况下页面可能会从浏览器的缓存中重新加载。
window.location.reload()将从服务器重新加载，并将再次加载您的所有数据，脚本，图像等。
因此，如果您只想刷新HTML，window.location = document.URL将更快地返回并且流量更少。但如果URL中存在哈希（＃），则不会重新加载页面。
jQuery Load函数也可以执行页面刷新：
$('body').load('views/file.html', function () {
$(this).fadeIn(5000);
});
由于这个问题是通用的，让我们试着总结出答案的可能解决方案：
简单的JavaScript解决方案：
最简单的方法是以适当的方式放置一行解决方案：
location.reload();
这里有很多人失踪，因为他们希望得到一些“点”是reload（）函数本身提供了一个布尔值作为参数（详情：https://developer.mozilla.org/en-US/docs/Web/API/Location/reload）。
Location.reload（）方法从当前URL重新加载资源。它的可选唯一参数是一个布尔值，当它为真时，会导致页面始终从服务器重新加载。如果为false或未指定，则浏览器可以从其缓存重新加载页面。
这意味着有两种方式：
解决方案1：强制从服务器重新加载当前页面
location.reload(true);
解决方案2：从缓存或服务器重新加载（基于浏览器和您的配置）
location.reload(false);
location.reload();
如果你想将它与jQuery结合起来监听一个事件，我建议使用“.on（）”方法而不是“.click”或其他事件包装器，例如更合适的解决方案是：
$('#reloadIt').on('eventXyZ', function() {
location.reload(true);
});
这是一个使用jQuery异步重新加载页面的解决方案。它避免了window.location = window.location引起的闪烁。此示例显示了一个连续重新加载的页面，如仪表板中所示。它经过了久经考验，并在时代广场的信息显示电视上运行。
<!DOCTYPE html>
<html lang="en">
<head>
...
<meta http-equiv="refresh" content="300">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script>
function refresh() {
$.ajax({
url: "",
dataType: "text",
success: function(html) {
$('#fu').replaceWith($.parseHTML(html));
setTimeout(refresh,2000);
}
});
}
refresh();
</script>
</head>
<body>
<div id="fu">
...
</div>
</body>
</html>
笔记：
$.ajax直接像$.get('',function(data){$(document.body).html(data)}) causes css/js files to get cache-busted，即使你使用cache: true，这就是我们使用parseHTML的原因parseHTML will NOT find a body tag所以你的整个身体需要进入一个额外的div，我希望这一天的知识有助于你，你可以猜到我们如何选择那个div的idhttp-equiv="refresh"以防万一javascript / server hiccup出现问题，然后页面仍会重新加载而不会接到电话http-equiv刷新修复了这一点我发现
window.location.href = "";
要么
window.location.href = null;
也刷页面。
这使得重新加载页面更容易删除任何哈希。当我在iOS模拟器中使用AngularJS时，这非常好，所以我不必重新运行应用程序。
您可以使用JavaScript location.reload()方法。此方法接受布尔参数。 true或false。如果参数是true;页面总是从服务器重新加载。如果是false;这是默认值或使用空参数浏览器从其缓存中重新加载页面。
用true参数
<button type="button" onclick="location.reload(true);">Reload page</button>
使用default / false参数
<button type="button" onclick="location.reload();">Reload page</button>
使用jquery
<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
$('#Reloadpage').click(function() {
location.reload();
});
</script>
你不需要jQuery中的任何东西，使用纯JavaScript重新加载页面，只需在location属性上使用reload函数，如下所示：
window.location.reload();
默认情况下，这将使用浏览器缓存重新加载页面（如果存在）...
如果您想强制重新加载页面，只需将真值传递给重载方法，如下所示......
window.location.reload(true);
此外，如果您已经在窗口范围内，您可以摆脱窗口并执行：
location.reload();
使用
location.reload();
要么
window.location.reload();
如果你正在使用jQuery并想要刷新，那么尝试在javascript函数中添加你的jQuery：
我想在点击一个h3时从页面隐藏一个iframe，对我来说它有效但我无法点击允许我查看iframe的项目开始，除非我手动刷新浏览器...不理想。
我尝试了以下方法：
var hide = () => {
$("#frame").hide();//jQuery
location.reload(true);//javascript
};
将简单的javascript与jQuery混合应该可行。
// code where hide (where location.reload was used)function was integrated, below
iFrameInsert = () => {
var file = `Fe1FVoW0Nt4`;
$("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
$("h3").enter code hereclick(hide);
}
// View Player
$("#id-to-be-clicked").click(iFrameInsert);
在按钮标签内使用onclick="return location.reload();"。
<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>
即使没有jQuery，这应该适用于所有浏览器：
location.reload();
这里的所有答案都很好。由于问题指定了使用jquery重新加载页面，我只是想为未来的读者添加更多内容。
jQuery是一个跨平台的JavaScript库，旨在简化HTML的客户端脚本。
~~ Qazxswpoi
所以你会明白Wikipedia或jquery的基础是基于jquery。因此，对于简单的事情，使用纯粹的javascript会更好。
但如果你需要一个javascript解决方案，这里就是一个。
jquery
简单的Javascript解决方案：
$(location).attr('href', '');
location = location;
以下是您可以使用jQuery重新加载页面的一些代码行。
它使用jQuery包装器并提取本机dom元素。
如果您只想在代码上使用jQuery并且不关心代码的速度/性能，请使用此选项。
只需从1到10中选择适合您的需求，或者在此之前根据模式和答案添加更多内容。
<button onClick="location = location;">Reload</button>它是JavaScript中最短的。
<script>
$(location)[0].reload(); //1
$(location).get(0).reload(); //2
$(window)[0].location.reload(); //3
$(window).get(0).location.reload(); //4
$(window)[0].$(location)[0].reload(); //5
$(window).get(0).$(location)[0].reload(); //6
$(window)[0].$(location).get(0).reload(); //7
$(window).get(0).$(location).get(0).reload(); //8
$(location)[0].href = ''; //9
$(location).get(0).href = ''; //10
//... and many other more just follow the pattern.
</script>
有 多 使用JavaScript刷新页面的无限方法：
location.reload()history.go(0)location.href = location.hreflocation.href = location.pathnamelocation.replace(location.pathname)location.reload(false)
如果我们需要再次从Web服务器中提取文档（例如文档内容动态更改的位置），我们会将参数作为true传递。您可以继续创作列表：
window.location = window.locationwindow.self.window.self.window.window.location = window.locationvar methods = [
"location.reload()",
"history.go(0)",
"location.href = location.href",
"location.href = location.pathname",
"location.replace(location.pathname)",
"location.reload(false)"
];
var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
(function(cMethod) {
$body.append($("<button>", {
text: cMethod
}).on("click", function() {
eval(cMethod); // don't blame me for using eval
}));
})(methods[i]);
}button {
background: #2ecc71;
border: 0;
color: white;
font-weight: bold;
font-family: "Monaco", monospace;
padding: 10px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.5s ease;
margin: 2px;
}
button:hover {
background: #27ae60;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>我想有很多方法可行：
window.location.reload();history.go(0);window.location.href=window.location.href;如果当前页面是由POST请求加载的，您可能想要使用
window.location = window.location.pathname;
代替
window.location.reload();
因为window.location.reload()会在POST请求加载的页面上调用时提示确认。
问题应该是，
如何使用JavaScript刷新页面
window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another
你被宠坏了选择。
你可能想用
location.reload(forceGet)
forceGet是一个布尔值和可选项。
默认值为false，从缓存重新加载页面。
如果要强制浏览器从服务器获取页面以删除缓存，请将此参数设置为true。
要不就
location.reload()
如果你想快速轻松地进行缓存。
具有不同缓存相关行为的三种方法：
location.reload(true)
在实现forcedReload的location.reload()参数的浏览器中，通过获取页面的新副本及其所有资源（脚本，样式表，图像等）来重新加载。不会从缓存中提供任何资源 - 从服务器获取新副本而不在请求中发送任何if-modified-since或if-none-match标头。
相当于用户在可能的浏览器中进行“硬重载”。
请注意，Firefox（参见true）和Internet Explorer（请参阅location.reload()）支持将MDN传递给MSDN，但不受普遍支持，不属于the W3 HTML 5 spec，the W3 draft HTML 5.1 spec和the WHATWG HTML Living Standard。
在不支持的浏览器中，例如Google Chrome，location.reload(true)的行为与location.reload()相同。location.reload()或location.reload(false)
重新加载页面，获取页面HTML本身的新的非缓存副本，并对浏览器缓存的任何资源（如脚本）执行RFC 7234重新验证请求，即使它们是fresh，RFC 7234也允许浏览器为它们提供服务没有重新验证。
正如我所知，在执行location.reload()调用时，浏览器应该如何利用其缓存？我通过实验确定了上述行为。
这相当于用户只需按下浏览器中的“刷新”按钮即可。location = location（或无数许多其他可能涉及分配给location或其属性的技术）
仅在页面的URL不包含fragid / hashbang时才有效！
重新加载页面，无需从缓存中重新获取或重新验证任何fresh资源。如果页面的HTML本身是新鲜的，这将重新加载页面而根本不执行任何HTTP请求。
这相当于（从缓存的角度来看）用户在新选项卡中打开页面。
但是，如果页面的URL包含哈希值，则无效。
同样，据我所知，此处的缓存行为尚未指定;我通过测试确定了它。总而言之，您想要使用：
location = location最大限度地使用缓存，只要页面的URL中没有哈希值，在这种情况下这不起作用location.reload(true)在不重新验证的情况下获取所有资源的新副本（虽然它不受普遍支持，并且在某些浏览器中与location.reload()的行为没有区别，例如Chrome）location.reload()忠实再现用户点击“刷新”按钮的效果。