无需重新渲染整个页面即可访问更新的数据

Question

我有一个Person 模型，它的位置每隔几秒钟就会从移动应用程序更新一次，并保存到数据库中。现在我想在不重新渲染整个页面的情况下访问视图中的更新信息。

我该怎么做？

我想做这样的事情

setInterval(function(){
  // display updated data
}, 5000);

p.s.：我只在时间间隔内使用 JavaScript，这是一个 Rails 问题。

每隔几秒钟重新加载一次页面有效，但完全扼杀了我正在尝试做的事情。

Answer 1

通过 ajax 请求获取数据。假设您要更新的 div 具有 id current-location 您可以这样做...

setInterval(function() {    
  $.ajax({
    type: 'POST',
    url: "/people/<%=@person.id%>/get_location",
    success: function(data) {
      $('#current-location').html(data.location);
    }
  });
}, 5000);

在你的 routes.rb 中定义一个成员路径

resources :people 
  member do
    post :get_location
  end
end

然后在您的 PeopleController 中创建一个名为 get_location 的操作，并确保最后几行类似于...

person_location = get_location # some method that returns location
render json: {location: person_location}