`

prototype笔记(四)----使用Ajax.Updater类

阅读更多
转自http://www.cnblogs.com/thinhunan/archive/2006/04/01/developernotesforprototype.html#Reference.ObjectRange
使用Ajax.Updater类
如果你的服务器的另一端返回的信息已经是HTML了,那么使用这个程序包中 Ajax.Updater 类将使你的生活变得更加得容易。用它你只需提供哪一个元素需要被AJAX请求返回的HTML填充就可以了,例子比我写说明的更清楚。

<script>
function getHTML()
{
var url = 'http://yourserver/app/getSomeHTML';
var pars = 'someParameter=ABC';

var myAjax = new Ajax.Updater(
'placeholder',
url,
{
method: 'get',
parameters: pars
});

}
</script>
<input type=button value=GetHtml onclick="getHTML()">
<div id="placeholder"></div>
你可以看到,这段代码比前面的例子更加简洁,不包括 onComplete 方法,但是在构造方法中传入了一个元素id。 我们来稍稍修改一下代码来描述如何在客户端处理服务器段错误成为可能。
分享到:
评论

相关推荐

    prototype.js开发笔记--让你精通prototype开发

    1.4.2. 使用 Ajax.Updater 类 2. prototype.js参考 2.1. JavaScript 类的扩展 2.2. 对 Object 类的扩展 2.3. 对 Number 类的扩展 2.4. 对 Function 类的扩展 2.5. 对 String 类的扩展 2.6. 对 document DOM 对象的...

    prototype笔记(9)----结合Prototype和JSON开发AJAX

    在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中,我们将深入探讨如何利用Prototype JavaScript库与JSON(JavaScript Object Notation)技术来高效地开发异步JavaScript应用程序,也就是我们常说的AJAX...

    prototype.js开发笔记.pdf

    1.4.2.使用Ajax.Updater类 Ajax.Updater类用于更新页面中的某个元素。 二、Prototype.js参考 Prototype.js提供了许多有用的函数和方法,以帮助开发者快速构建Web应用程序。下面是Prototype.js的参考手册: 2.1. ...

    prototype.js开发笔记.doc

    Prototype.js 强化了Ajax(异步JavaScript和XML)的功能,提供了以下核心类: - **Ajax.Request**:用于发起HTTP请求的基本类,处理Ajax通信的初始化和响应。 - **Ajax.Updater**:更新页面的特定部分,基于Ajax....

    prototype.js开发笔记

    - **Ajax.Updater 类**:用于更新页面内容而无需重新加载整个页面。 #### 2. Prototype.js 参考 - **2.1 JavaScript 类的扩展**:Prototype.js 扩展了原生 JavaScript 类,提供了额外的功能。 - **2.2 对 Object ...

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

    1. Ajax对象:Prototype提供了一个全面的Ajax解决方案,包括`Ajax.Request`和`Ajax.Updater`等,它们封装了XMLHttpRequest对象,使得异步数据交互变得简单易用。 2. Delegation(委托):Prototype的`Event.observe...

    Prototype开发笔记.doc

    《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档,主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库,它的设计目标是提升Web应用的交互性和...

    prototype开发笔记.doc

    Prototype 提供了强大的Ajax支持,包括 `Ajax.Request` 和 `Ajax.Updater` 类,它们用于发送异步请求并更新页面内容。 2.x. prototype.js 参考 这部分详细列出了Prototype库中扩展的JavaScript类、对象和方法,涵盖...

    prototype.js开发手册

    - **Ajax 支持**:Prototype.js 包含了强大的Ajax功能,如`Ajax.Request`和`Ajax.Updater`,它们使得异步通信更为简单和直观。 - **事件处理**:它提供了一种更统一的方式来处理浏览器中的事件,`Event.observe()`...

    prototype.js框架资料

    Prototype.js 提供了强大的Ajax工具集,如`Ajax.Request`和`Ajax.Updater`,它们简化了发送HTTP请求和处理响应的过程。通过这些工具,开发者可以轻松地构建富交互的应用。 四、实用函数库 Prototype.js 还提供了一...

    prototype开发笔记

    除此之外,Prototype还定义了一些新对象和类,如`PeriodicalExecuter`用于周期性执行任务,以及`Ajax`对象家族,包括`Ajax.Base`、`Ajax.Request`、`Ajax.Updater`等,它们构成了Prototype的Ajax解决方案。...

    Prototype学习笔记(最新整理)

    Prototype 定义了许多新对象和类,如 `Ajax.Base`, `Ajax.Request`, `Ajax.Updater` 等,这些对象和类提供了丰富的功能,简化了Ajax操作。 #### 总结 通过以上介绍可以看出,Prototype 库通过其独特的设计和强大的...

    Prototype API

    `Ajax.Request`和`Ajax.Updater`类提供了发起异步请求和更新页面内容的能力。此外,`Ajax.PeriodicalUpdater`可以周期性地向服务器发送请求,常用于实时数据更新。 6. **特效与动画** `Scriptaculous`是Prototype...

    Prototype整理的学习资料

    Prototype库提供了一套优雅的API,简化了Ajax操作,如`Ajax.Request`和`Ajax.Updater`等,使得开发者能更方便地使用Ajax。 5. **Prototype库** Prototype是一个广泛使用的JavaScript库,它扩展了JavaScript的核心...

    ajax学习笔记

    3. **数据交互格式**:XML最初是数据交换的主要格式,但现代Ajax更常使用JSON,因为JSON更简洁且易于解析。 4. **页面展现**:响应数据通过DOM解析后,可以动态修改HTML结构,以XHTML、HTML和CSS呈现界面。 **Ajax...

Global site tag (gtag.js) - Google Analytics