javascript - 使用ajax每X秒更新一次html页面

Question

我看到这篇关于这个问题的帖子: Auto Refresh a Html table every x seconds

现在，我正在使用 Rails，我也想做同样的事情，但我想告诉 Rails 我想要一个远程页面，我不希望它加载整个页面。我想要的只是用 ajax 模拟 :remote => true Action 。我用常规的 ajax 尝试过，rails 加载了整个页面，而不仅仅是我想要的相关内容。

我该怎么做？

Answer 1

你的代码应该是这样的:

你的 Controller

def your_action
 # your code goes here
end

(your_action.js.erb)

$("#div_id").html("<%= escape_javascript reder :partial => "your_partial_for_table" %>")

your_action.html.erb

<div id="div_id">
 <%= render :partial => "your_partial_for_table" %>
</div>

_your_partial_for_table.html.erb

#your table goes here

<script>
  $(function() {
    $(document).ready(function() {
      setInterval(function() {
        jQuery.ajax({
          url: "<path to your_action>",
          type: "GET",
          dataType: "script"
        });
      }, 30000); // In every 30 seconds
    });
  });
</script>