javascript - 如何在原型(prototype)中使用 periodicalupdater 更新值属性

Question

如何在原型(prototype)中使用 periodicalupdater 更新 value 属性？

new Ajax.PeriodicalUpdater('content', '/content/',
{
    method: 'post',
    frequency: 5,
});

这会更新元素内的文本。我想更新值属性。这可能吗？

Answer 1

从源码来看，好像是 Ajax.PeriodicalUpdater 将其选项直接传递给 Ajax.Updater ，它又支持 insertion选项。文档说 insertion可以是一个字符串，但它遗漏了一个有用的细节，它 may be a function .

new Ajax.PeriodicalUpdater('content', '/content/',
{
    method: 'post',
    frequency: 5,
    insertion: Form.Element.setValue
});

这没有经过测试，但我相信默认的 Element.insert 可以替换为 Form.Element.setValue 因为参数的顺序相同

---

更新:Prototype.js 比 HTML5 旧，因此不支持 <progress>元素。 Form.Element.setValue()通过元素的标签名称确定使用哪种方法，它没有 progress 的方法，这就是上述失败的原因。相反，我们可以编写自己的函数来代替 Form.Element.setValue :

new Ajax.PeriodicalUpdater('content', '/content/',
{
    method: 'post',
    frequency: 5,
    insertion: function (progress, value) {
        progress.value = value;
        if (value >= progress.max) throw $break;
    }
});