`
sakakokiya
  • 浏览: 507360 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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秒,如果返回内容相同则编程两秒,然后四秒,然后八秒。。。如果每次返回的结果都不一样 那么这个参数就不起作用
分享到:
评论
1 楼 buptjian 2010-12-27  
学习下,试试看,谢谢啊~

相关推荐

    定时局部刷新table

    在这个例子中,我们使用`setInterval`来定期调用`reFresh()`函数,从而实现定时刷新表格数据的目的。 ```javascript setInterval("reFresh()",10000); ``` 这里的时间间隔为10000毫秒(即10秒),表示每10秒执行一...

    Prototype1.5.1使用手册

    2.Ajax.Updater:更新页面的部分内容,常用于局部刷新。 3.Ajax.PeriodicalUpdater:定时发送Ajax请求,用于实现数据的实时更新。 四、函数增强 1.Function.prototype.bind:将函数绑定到特定上下文,确保this...

    prototype 1.4 开发者手册(中文PDF)

    此外,还有对`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等类的使用说明,它们在实现页面局部更新和定时刷新时十分有用。 Prototype还包含一系列实用的辅助函数,如数组操作、字符串处理、函数操作...

    java面试宝典

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    AjaxCallerSchedul 使用AjaxCaller实现简单的定时任务 RicoColor 使用Open Rico实现动态调色板 RicoDrag 使用Open Rico实现可拖拽的层 WebSitetestdojo 使用dojo组件实现卷帘效果的div隐藏...

    JavaScript精粹

    12. **AJAX和Fetch API**:用于与服务器进行异步数据交换,实现页面的无刷新更新。 通过深入学习和实践这些JavaScript精粹中的代码示例,开发者能够增强自己的编程技能,更高效地开发出功能丰富、性能优秀的Web应用...

    JavaScript经典例题

    9. **AJAX**:通过XMLHttpRequest对象或fetch API,可以实现不刷新页面的情况下与服务器进行数据交换,实现动态网页。 10. **ES6及更高版本的新特性**:了解箭头函数、解构赋值、模板字符串、let和const、类和模块...

    JavaScript效果

    4. **AJAX**:Asynchronous JavaScript and XML(异步JavaScript和XML)技术允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。通过`XMLHttpRequest`对象或现代浏览器的`fetch` API,可以实现...

    Ajax开发原理简略

    例如,UpdatePanel控件可以实现整个区域的无刷新更新,而Timer控件可以定时触发Ajax请求。 ### 6. 注意事项 - **浏览器兼容性**:虽然大部分现代浏览器都支持Ajax,但仍然需要注意IE6及更早版本的兼容性问题。 - *...

    《JavaScript实例精通》[源代码]

    示例描述:JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 ...

    javascript API

    AJAX(异步JavaScript和XML)是实现网页局部刷新的关键技术。`XMLHttpRequest`对象是实现Ajax的基础,现代浏览器还提供了更高级的`fetch` API,提供Promise接口,使得异步操作更加易用。 5. **定时器**: ...

    JavaScript实例精通

    示例描述:JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 ...

    JavaScript快速查询手册

    AJAX(Asynchronous JavaScript and XML)允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提升了用户体验。 **模块化** 随着代码规模的扩大,JavaScript引入了模块化机制,如CommonJS(Node.js...

    javascript教程--不错的教科书

    AJAX(异步JavaScript和XML)允许在不刷新整个页面的情况下更新部分网页内容,Fetch API是现代浏览器用于发送HTTP请求的新标准,提供更灵活的接口和更好的错误处理机制。 8. **ES6及后续版本新特性** ES6...

    跟我学JavaScript编程

    10. **AJAX与Fetch API**:用于实现异步数据交换,让网页能够在不刷新的情况下获取和更新数据。理解XMLHttpRequest(XHR)和Fetch API的工作原理,能够实现前后端数据的无缝对接。 以上只是JavaScript编程中的一...

    基本的

    8. **AJAX与Fetch API**:这些API使得JavaScript可以在不刷新页面的情况下向服务器发送异步请求,获取数据,从而实现页面的局部更新,提升了用户体验。 JavaScript的广泛应用不仅限于前端开发,还涵盖了后端(Node....

    dev-week-1-dev-oculto

    8. **事件与事件处理**:JavaScript通过事件监听、事件冒泡和事件捕获来响应用户的交互,实现页面的动态行为。 9. **Node.js与服务器端JavaScript**:Node.js是一个基于Chrome V8引擎的JavaScript运行环境,允许...

    proyecto.js

    7. **AJAX**:通过XMLHttpRequest或fetch API进行异步数据交换,实现页面无刷新更新。 8. **模块化**:ES6引入的模块系统(import和export),CommonJS(Node.js中使用)和AMD(RequireJS)模块化方案。 9. **ES6+...

    js_study:做JavaScript研究

    AJAX(Asynchronous JavaScript and XML)允许不刷新整个页面的情况下更新部分HTML内容,通过XMLHttpRequest对象实现。现代JavaScript更倾向于使用fetch API,它是AJAX的现代替代品,支持Promise,使得异步编程更加...

Global site tag (gtag.js) - Google Analytics