Question

我的目标是，一旦提交了删除操作，图表应该更新它的值而不刷新页面这里是我的代码：

index.html.erb中的

：

<div class="chart" style="float: right; width: 500px" >
    <%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
      <%= pie_chart current_user.events.group(:app_name).count %>
</div>

在destroy.js中：

   <% if @event.destroyed? %>
   $('#event-' +<%= @event.id %>).slideUp();
   $('.message' ).html('<div class="alert alert-success"><%= escape_javascript(flash.discard(:notice)) %></div>');
   $('.message').toggle(1000);
   $('.chart').html('<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %><%= pie_chart current_user.events.group(:app_name).count %>');
<% else %>
   $('.message' ).html("<div class='alert alert-danger'><%= flash[:error] %></div>");
<% end %>

所以我正在尝试重新加载图表类，但它不起作用，我做错了什么？

Answer 1

you can use location.reload()/window.location.reload().

Location.reload（）方法从当前URL重新加载资源。它的可选唯一参数是一个布尔值，当它为真时，会导致页面始终从服务器重新加载。如果为false或未指定，浏览器可能会从其缓存中重新加载页面。

var intervalID = setInterval(function(){
   $('.chart').each(function(){
      $(this).load(this.href);
   })
}, 900);

重新加载charkick pie_chart而不刷新页面

1 个答案: