首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Prototype兑现局部刷新和更新

2012-09-21 
Prototype实现局部刷新和更新可以使用Prototype的Ajax.PeriodicalUpdater来实现页面的局部刷新。比如 如果

Prototype实现局部刷新和更新
可以使用Prototype的Ajax.PeriodicalUpdater来实现页面的局部刷新。

比如 如果页面上需要定时刷新的 部分为<div id=”refresh”></div>

那么可以按照如下代码定时刷新这一部份

new Ajax.PeriodicalUpdater(‘refresh’, ‘/your_url’,
{
method: ‘get’,
insertion: Insertion.Top,
frequency: 1,
decay: 2
});
其中的两个参数frequency表示间隔的秒数,缺省情况下为2。decay表示如果返回的内容相同,则将frequency的间隔时间加倍,这里第一次是1秒,如果返回内容相同则编程两秒,然后四秒,然后八秒。。。如果每次返回的结果都不一样 那么这个参数就不起作用


更新

可以使用Ajax.Updater来更新局部页面,实例如下:

<div id=”company”></div>

以上是需要局部更新的容器,使用一下javascript来操作

new Ajax.Updater(‘company’,'/your_url’,{method:’get’});

热点排行