如何使用JavaScript刷新页面？

当前回答

如果当前页面是通过POST请求加载的，您可能需要使用

window.location = window.location.pathname;

而不是

window.location.reload();

因为如果在POST请求加载的页面上调用window.location.reload（）将提示确认。

2012-06-22 11:58:48

其他回答

要使用jQuery重新加载页面，请执行以下操作：

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

这里我使用的方法是Ajax jQuery。我在Chrome 13上测试了它。然后我将代码放入将触发重载的处理程序中。URL为“”，表示此页面。

编辑：不幸的是，我必须很快记下这个答案，因为问题已经改变，用户似乎不太清楚他们在问什么。一些用户评论说，刷新与重新加载页面不同；查看此问题的修订[https://stackoverflow.com/posts/5404839/revisions]据我所知，最初的问题是用AJAX刷新页面，这是ASYNCHRONOUS。。。，刷新页面应该意味着向页面获取新的和更新的内容。无论如何，这个答案很快就会消失/

2011-09-30 11:00:30

下面是一个使用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>

笔记：

直接像$.get（“”，function（data）｛$（document.body）.html（data）｝）那样使用$.ajax会导致css/js文件被缓存破坏，即使您使用cache:true，这就是我们使用parseHTML的原因parseHTML不会找到一个body标签，所以你的整个身体都需要放在一个额外的div中，我希望这些知识有一天能帮助你，你可以猜到我们是如何为那个div选择id的使用http equiv=“refresh”，以防javascript/服务器打嗝出现问题，然后页面仍然会重新加载，而不会接到电话这种方法可能会以某种方式泄漏内存，http equiv刷新修复了

2016-05-17 22:30:47

这里所有的答案都很好。由于问题指定了如何使用jquery重新加载页面，我只是想为未来的读者添加更多内容。

jQuery是一个跨平台JavaScript库，旨在简化HTML的客户端脚本。~维基百科~

因此，您将了解jquery或jquery的基础是基于javascript的。因此，在简单的事情上，使用纯javascript要好得多。

但如果您需要jquery解决方案，这里有一个。

$(location).attr('href', '');

2018-10-02 15:57:27

如果您正在使用jQuery并希望刷新，请尝试在javascript函数中添加jQuery：

我想在单击oh an h3时从页面中隐藏iframe，对我来说这是有效的，但我无法单击允许我查看iframe的项目，除非我手动刷新浏览器。。。不理想。

我尝试了以下方法：

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};