如何在不使用大量JS的情况下使用AJAX更新一个属性？

Question

我有一个属性weight.subtotal ，我想在其更改时自动对其进行更新（通过模型上的before_save回调进行更新）。

我看着pjax，但这看起来太沉重了。 我要发生的就是更改后的一个td或div ，它具有以下内容：

<td><%= weight.subtotal %></td>

无需页面重新加载即可自动更新。

谢谢。

编辑1：最好是“就地最佳”之类的宝石，但它不是依靠用户更新值，而是侦听值是否已更改-并且当它更改时，它只会更新页面上的该值。 。

Answer 1

无法提供任何gem，因此从头开始，它需要一个返回当前值的方法，例如，

/weights/get_subtotal/:id.:format

我建议只是将其吐入json中，以便jquery可以轻松解释。

然后，使用jquery轮询该方法，如果已更改，请像这样更改视图中的值。

function poll(){
    setTimeout(function(){
        $.ajax({ url: "/weights/get_subtotal/xx", success: function(data){

            //put code here to compare old td value 
            //with current value, and replace if different

            //Setup the next poll recursively
            poll();
        }, dataType: "xxxxx"});
    }, 10000);
};
$(document).ready(function(){
    poll();
});

如果您将权重的ID放在td的ID中会很容易，例如，

<td id="weigth_<%= weight.id%>"><%= weight.subtotal %></td> 

希望能帮助到你。