六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 22|回复: 0

Prototype实现局部刷新和更新

[复制链接]

升级  68%

40

主题

40

主题

40

主题

秀才

Rank: 2

积分
152
 楼主| 发表于 2013-1-29 09:04:07 | 显示全部楼层 |阅读模式
可以使用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’});
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表