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

prototype学习--Ajax.Updater

    博客分类:
  • Ajax
阅读更多

实现html页面中,加载数据到页面

1、prototype.js

2、js部分

<script type="text/javascript">
var url ='/pork/ep/reportEpLevel.do';
							    new Ajax.Updater(
							    	{success: 'eplevelDiv'},
							    	url,
							    	{	method: 'get', 
							    		onFailure: reportError,  //失败的时候调用 reportError 函数
										onLoading  : loading, //正在获得内容的时候
										onComplete : done     //内容获取完毕的时候 
							    	});
							    
							    function loading()
								{
									$('loading').style.display = 'block';
								}
								
								function done()
								{
									$('loading').style.display = 'none';
								} 
							    
							    function reportError(request)
    							{
        							alert('Sorry. There was an error.');
    							}
    							
							</script>

 3、html部分

<script type="text/javascript" src="js/prototype.js"></script> 

<td><div id="eplevelDiv"><div id="loading">加载中...</div></div></td>
 
分享到:
评论

相关推荐

    prototype-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    Prototype通过`Ajax`类封装了这一技术,包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法,使得创建异步请求变得简单直观。 总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵...

    js框架prototype-1.6.0.3.js

    JavaScript框架是Web开发中不可或缺的一部分,它为开发者提供了一种标准化的方法来组织和编写JavaScript代码,使得代码更易于维护和扩展。...学习并熟练掌握Prototype,将使你能够在Web开发中游刃有余。

    prototype-1.4.0源码解读.js

    Prototype 提供了强大的Ajax功能,如`Ajax.Request`和`Ajax.Updater`。它们简化了与服务器的异步通信,支持GET和POST请求,并能处理响应数据,更新页面部分内容。`Ajax.PeriodicalUpdater`则用于定期发送请求,常...

    Ajax.updater

    Ajax.updater是Prototype JavaScript库中的一个关键功能,用于实现页面的部分更新,无需刷新整个页面即可获取新数据。这种技术在Web开发中被称为异步JavaScript和XML(Ajax),尽管现在更常见的是与JSON或其他数据...

    prototype-1.6.0.2.js.rar

    Prototype的Ajax模块提供了一系列实用的类和方法,如`new Ajax.Request(url, options)`用于发起HTTP请求,`new Ajax.Updater(container, url, options)`用于更新指定容器的内容。这些方法支持异步通信,使页面能够在...

    prototype-160-api.rar

    2. **Ajax支持**:Prototype库内置了Ajax处理功能,包括`Ajax.Request`和`Ajax.Updater`等类,它们简化了与服务器异步通信的过程,支持GET、POST等多种HTTP请求方式。 3. **Object和Function扩展**:Prototype扩展...

    Prototype-1.pdf

    - **Ajax支持**:Prototype提供了多个用于Ajax请求的API,如`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等。 - **DOM操作**:Prototype提供了诸如`$()`和`$F()`这样的方法来查找DOM元素和获取表单值...

    prototype-AJAX案例

    在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供...通过学习并实践"prototype-AJAX案例",你将能够熟练掌握Prototype进行异步通信的方法,并提升你的JavaScript编程技能。

    prototype-源码.rar

    - **Ajax.Request** 和 **Ajax.Updater**:这两个是 Prototype 中处理 Ajax 请求的主要类,封装了 XMLHttpRequest 对象,提供了请求发送、状态监控和响应处理等功能。 4. **模块化设计** Prototype 采用了模块化...

    prototype.js开发者手册(中文)

    以上内容概述了 **Prototype.js** 的核心特性和主要功能,通过这些介绍可以看出 **Prototype.js** 不仅是一个实用的 JavaScript 库,也是学习 JavaScript 和 Web 开发的一个非常好的资源。无论是初学者还是经验丰富...

    Prototype.js 1.6.0.3 及中文CHM帮助文档

    在实际应用中,Prototype.js 还可以与Ajax技术紧密结合,通过 `Ajax.Request` 和 `Ajax.Updater` 等类来实现异步数据交换,使页面无刷新地更新内容,提升用户体验。同时,它还支持JSON和XML的解析,方便数据传输。 ...

    prototype-1.4.0.rar

    - **Ajax**:Prototype封装了XMLHttpRequest对象,提供了一套简洁的Ajax接口,如`Ajax.Request`和`Ajax.Updater`,便于创建异步交互的应用。 - **事件处理**:它引入了事件委托的概念,`Event.observe`和`Event....

    prototype-1.6.0.3

    6. **Ajax 支持**:Prototype 强化了Ajax功能,包括 XMLHttpRequest 对象的封装,如 Ajax.Request 和 Ajax.Updater 等,使得异步请求处理更加直观。 7. **Event 模块**:提供了一套事件处理机制,如 Event.observe ...

    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 对象的...

    经典ajax.prototype.javascript实例

    在Prototype中,`Ajax`对象提供了多种方法,如`Request`、`Observer`、`Updater`等,它们使得发送Ajax请求变得非常简单。其中,`Ajax.Request`是最常用的方法,用于发起一个HTTP请求。 下面是一个使用`Ajax.Request...

    prototype-ajax例子

    在Prototype中,我们通常使用`new Ajax.Request()`或`new Ajax.Updater()`来发起Ajax请求。这些请求会携带HTTP方法(GET或POST)、URL以及回调函数,以便在服务器响应后执行特定的操作。 `Ajax.Request`的典型用法...

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

    Prototype的Ajax模块提供了多个实用方法,如Ajax.Request、Ajax.Updater、Ajax.PeriodicalUpdater等,它们帮助开发者轻松创建异步请求。Ajax.Request是基础,用于发送一个HTTP请求。它接受两个参数:URL和选项对象...

    Prototype-1.6.0.2

    `Ajax.Request` 和 `Ajax.Updater` 类允许开发者创建请求并处理响应,而无需关心底层XMLHttpRequest对象的细节。`Form.serialize()` 方法可以轻松地将表单数据转换为适合发送的格式。 4. **事件处理**:Prototype ...

    prototype-151-api

    - **Ajax.Updater**:更新器,用于执行 AJAX 请求并将响应内容插入到指定的 DOM 元素中。 #### Array 数组 - **clear**:清空数组。 - **clone**:复制数组。 - **compact**:压缩数组,移除数组中的空值。 - **...

Global site tag (gtag.js) - Google Analytics