单击Rails应用程序中的link_to标记后如何使用JS刷新浏览器

Question

用户单击更新操作的链接后，我试图刷新浏览器。

我想避免使用redirect_back来防止重新加载后发送回屏幕顶部，因此我将JS Click侦听器添加到link_to标记中，其代码如下：

# in my view
<h5 class='my-link'><%= link_to 'vote', vote_path' %></h5> 

# at the bottom of my application layout
<script>
  $('.my-link').click(function (event) {
    window.location.reload(true);
  });
</script>

JS代码侦听器工作正常，因为如果我单击h5元素的任何部分，页面将重新加载。 但是，当我单击链接时，该应用程序将转到相关的controller＃action，但该页面不会重新加载。

我假设我缺少一种方法，该方法首先执行链接操作，然后强制刷新。 因此，在单击时，该应用程序记录了投票，然后JS强制重新加载。 您能看到我能做到的任何方式吗？ 谢谢。

UPDATE

我通过在JS事件中添加计时器解决了这个问题，从而为链接提供了到达控制器的时间，并可以在链接完成之后进行操作和重新加载。

<script>
  $(document).ready(function() {
    $('.puke-icon, .clean-link, .comment-send').click(function() {
        setTimeout(function(){
                   window.location.reload(true); },
             50);
          });

    });
</script>

这可能太hacky了，希望您可以提供更优雅的方法，谢谢！

Answer 1

在您的vote controller action ，使用respond_to do format location.reload() 。

respond_to do |format|
    format.js {render inline: "location.reload();" }
end

视图：

<h5 class='my-link'><%= link_to 'vote', vote_path' %></h5>

控制器：

class VotesController < ApplicationController

  def vote
    ----------------------  

    // your code goes here

    ----------------------  

    respond_to do |format|
    format.js {render inline: "location.reload();" }
    end

  end

end

数据库操作完成后，将重新加载页面。

Answer 2

 $('.product').click(function () { location.reload(); }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <div class="container"> <div class="row" id="footerRow"> <div class="col-xs-12 product"> <h2>Product</h2> <div> </div> </div>