如何使用Polymer 1.0在前端显示新的数据更改?

时间:2015-07-22 21:21:27

标签: json database refresh polymer reload

我是谷歌聚合物的完整菜鸟。我目前正在使用Polymer 1.0。我正在构建一个主动显示服务器运行状况的仪表板。我有一个函数,它从数据库中的表X中获取URL,检查它们是否正在响应,然后相应地更新表X,每个URL都有“成功”或“失败”。然后,我将表X行显示为特定http URL处的JSON文本。我使用iron-ajax元素来访问此URL并将该JSON文本绑定到聚合物元素。因此,当我访问我本地托管的网站时,我看到一堆聚合物元素正方形显示成功或失败。问题是我每1分钟ping一次这些URL,但是一旦页面加载,显示URL状态的聚合物元素正方形就不会相应地改变。例如,假设我转到我本地托管的网站,它显示我的所有网址都在响应。但是,2分钟后,我的预定功能会重新检查这些URL并更新数据库中的表X,其中一个URL的“失败”读数。我本地托管的网站上的聚合物元素不会自行刷新并显示失败状态。

如何确保对表X所做的任何更新都会在用户界面上相应显示。有没有办法用Polymer做到这一点?

以下是我正在处理的代码:

<iron-ajax
            auto="true"
            url="http://localhost:1500"
            last-response="{{statusSquare}}"
            handle-as="json">
    </iron-ajax>
    <div class="body">
        <template is="dom-repeat" items="{{statusSquare}}">
            <div class="square">{{item.appName}}<br><br><br><span>{{item.statusURLTxt}}</span></div>
        </template>
    </div>

0 个答案:

没有答案