Question

我有这个观点：

<!-- Loads custom Stylesheet -->
<%= stylesheet_link_tag 'simulation' %>

<!-- Loads polling calls to update -->
<script type="text/javascript">
    <%= render 'show.js.erb' %>
</script>

<!-- Render simulation -->
<%= render 'simulation' %>

<%= link_to 'Back', simulations_path %>

它包含这两个部分：

_show.js.erb：

callUpdate = function(id) {
    if (id) {
        console.log("tic")
        $.ajax({
            type: "PUT",
            url: "/simulations/" + id
        });
    } else {
        console.log("Update error, no id passed.")
    }
    $('#sim_div').html("<%= j (render @simulation) %>");
    setTimeout( function() {
        callUpdate(id)
    }, 5000);
};

setTimeout( function() {
    callUpdate("<%= @simulation.id %>")
}, 5000);

_simulation.html.erb：

<div id="sim_div">
  <h1><%= @simulation.identifier %></h1>
  <h4 class="offset-col-sm-1">Dimensions: <%= @simulation.x_size %>x<%= @simulation.y_size %></h4>
  <h4 class="offset-col-sm-1">Verdict: <%= @simulation.verdict %></h4>
  <!-- REMOVE -->
 <h1> <%= @simulation.dirty? %></h1>

  <table class="table table-bordered">
    <thead>
      <tr>
      </tr>
    </thead>

    <tbody>
      <% @simulation.state.each_with_index do |row, y_index| %>
        <tr>
        <% row.each_with_index do |current, x_index| %>        
            <td class="text-center <%= 'dirty' if @simulation.dirty_points.include?([x_index,y_index]) %>"><%= current %></td>        
          <% end%>
        </tr>
      <% end %>
    </tbody>
  </table>
  <br>
</div>

javascript正在调用我的控制器更新功能，该功能在更新功能上设置脏记录。

simulation_controller＃显示：

def update
    @simulation = Simulation.find(params[:id])
    @simulation.next # <= THIS SETS DIRTY RECORDS ON THE OBJECT

    @simulation.save

    respond_to do |format|
        format.js
        format.html { redirect_to simulations_url }
    end
end

我的javascript代码永远不会从更新调用之后获取新的更新记录，我希望它能够在不再更新调用时停止调用update并停止轮询。然而，它只能看到不脏的初始记录。只有_simulation partial似乎收到了新记录（即使它被javascript代码重新呈现，所以我不确定为什么javascript无法看到更新的记录。）

如何访问更新记录的属性，而不仅仅是javascript代码中的原始属性？谢谢！

Answer 1

您的callUpdate javascript函数实际上可能每5秒执行一次，但它会反复渲染相同的@simulation（初始值）而不会发生变化。你的javascript partial只被渲染一次（初始视图），它正在制作无尽的ajax请求，并且无休止地用一遍又一遍的相同内容替换某些元素的html。

相反，您应该更新这些ajax调用的每个响应上的某个元素的内部html。

从初始视图中选择以下一行：

$('#sim_div').html("<%= j (render @simulation) %>");

并将其移至更新操作的响应模板（可能是：update.js.erb）

Rails javascript partial没有获得更新记录

1 个答案: