`
mllongze
  • 浏览: 82744 次
  • 性别: 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秒,如果返回内容相同则编程两秒,然后四秒,然后八秒。。。如果每次返回的结果都不一样 那么这个参数就不起作用


更新

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

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

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

new Ajax.Updater(‘company’,'/your_url’,{method:’get’});
分享到:
评论

相关推荐

    定时局部刷新table

    在Web开发中,局部刷新是指在不重新加载整个页面的情况下更新页面中的部分数据或元素,这通常通过Ajax技术实现。局部刷新能够提高用户体验,减少服务器负载,并且使应用更加响应式。本文将深入分析如何使用...

    prototype -通过js提交表单,局部刷新不跳转

    在本话题中,我们关注的是如何使用Prototype库来实现表单的提交,从而达到局部刷新的效果,而不是整个页面的跳转。 Prototype的核心特性之一是其强大的`Form`对象。在传统的HTML表单提交中,当用户点击提交按钮时...

    Prototype1.5.1使用手册

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

    prototype 开发应用手册,笔记,prototype.js文件下载

    你可以轻松实现页面局部更新,无需整个页面刷新,提高用户体验。同时,它还支持XMLHttpRequest的多种请求方式,如GET、POST,以及JSONP等跨域数据获取。 Prototype还包括丰富的事件处理功能,它对JavaScript原生...

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

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

    prototype

    `Ajax.Updater`则是基于`Ajax.Request`的,用于更新页面的一部分内容,通常用于实现局部刷新效果。 例如,以下代码展示了如何使用Prototype发起一个简单的Ajax请求: ```javascript new Ajax.Request('...

    prototype中文参考手册(chm)+js文件

    3. **AJAX支持**:Prototype封装了AJAX功能,提供了Ajax.Request和Ajax.Updater等类,用于创建异步请求,实现页面局部更新,无需刷新整个页面。 4. **事件处理**:Prototype对JavaScript的事件处理进行了优化,提供...

    ajax,prototype,scriptaculous最经典的实例

    它通过在后台与服务器交换数据并局部刷新页面来实现这一功能,从而提供了更好的用户体验。Prototype是一个JavaScript库,它简化了JavaScript编程,使得开发者能够更高效地处理DOM(文档对象模型),创建AJAX应用,并...

    prototype的ajax应用

    这对于局部刷新网页非常有用。 5. **Ajax.Responders**: `Ajax.Responders`是一个注册器,允许你定义全局的回调函数,处理所有Ajax请求的状态变化,如开始、完成、错误等。 6. **模拟表单提交**: Prototype...

    prototype开发手册(chm)及基于J2EE的Ajax宝典(PDF)

    5. **Ajax支持**:Prototype简化了Ajax(异步JavaScript和XML)请求,使得网页可以实现局部刷新和后台通信。 接下来,我们转向《基于J2EE的Ajax宝典》。这本书主要探讨如何在Java企业级环境中应用Ajax技术。J2EE...

    AJAX实战 PROTOTYPE与SCRIPTACULOUS篇 随书源码

    Ajax是一种在不刷新整个网页的情况下,通过后台与服务器交换数据并局部更新页面的技术,提高了用户体验。"PROTOTYPE与SCRIPTACULOUS篇"表明这个教程主要关注Prototype和Scriptaculous两个JavaScript库在实现Ajax功能...

    无刷新表格查找.rar

    标题“无刷新表格查找.rar”和描述中提到的“输入框输入查询条件,表格自动过滤符合条件的数据,无刷新”指的是一个常见的前端交互功能——实时搜索或动态过滤表格数据,而无需页面整体刷新。这种功能在现代Web应用...

    AJax组件 无刷新

    它通过在后台与服务器交换数据并局部更新页面来实现这一效果。Ajax的核心是JavaScript异步通信,通常结合XML、JSON或其他数据格式进行数据传输,但并不局限于XML,现在更常见的是使用JSON,因为它的处理速度更快,...

    AJAX技术入门--详细介绍Ajax的机理和实现技术

    AJAX,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建高效、互动网页应用的技术,允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。AJAX的核心思想是利用JavaScript...

    信息安全实验室网站设计与实现.docx

    服务器处理每一次请求都需要重新加载网页,使用了与服务器高度互动的JavaScript脚本,实现了更好的局部刷新效果。 五、网站的预期目标 该网站的预期目标是当用户想要进行操作时,网站能够快速的反响,显示主页的...

    Ajax技术(电子手册) doc

    4.4特性:Ajax特性包括局部刷新、即时反馈、离线支持、页面状态管理等。 4.5优势:减少网络带宽消耗,提高用户体验,降低服务器压力,简化服务器端逻辑。 4.6框架和工具包:jQuery、Prototype、AngularJS、Vue.js等...

    AjaxInActionSourceCode

    6. **局部刷新**: 通过AJAX,开发者可以实现局部刷新,只更新网页的一部分,而不是整个页面。这可以提高页面性能并减少用户等待时间。源代码中可能包含实现局部刷新的示例代码。 7. **进度条和反馈**: 为了提供更好...

    JSP+Ajax网站开发典型实例(第九章)源代码.rar

    2. **动态更新**:通过Ajax调用JSP,获取服务器返回的数据,动态更新DOM元素,实现局部刷新。 3. **回调函数**:Ajax请求的success或error回调函数处理服务器响应,可能涉及JSP产生的数据解析和页面更新。 **第九章...

    Ajax课件.rar

    服务器接收到请求后处理数据,返回结果,JavaScript再通过回调函数解析这些数据,并更新DOM树,实现局部刷新。Ajax的优点包括提升用户体验,减少网络流量,以及简化前后端交互流程。 二、Ajax应用实例 Ajax广泛应用...

Global site tag (gtag.js) - Google Analytics