实现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通过`Ajax`类封装了这一技术,包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法,使得创建异步请求变得简单直观。 总结来说,这个压缩包是学习和使用Prototype JavaScript库的宝贵...
JavaScript框架是Web开发中不可或缺的一部分,它为开发者提供了一种标准化的方法来组织和编写JavaScript代码,使得代码更易于维护和扩展。...学习并熟练掌握Prototype,将使你能够在Web开发中游刃有余。
Prototype 提供了强大的Ajax功能,如`Ajax.Request`和`Ajax.Updater`。它们简化了与服务器的异步通信,支持GET和POST请求,并能处理响应数据,更新页面部分内容。`Ajax.PeriodicalUpdater`则用于定期发送请求,常...
Ajax.updater是Prototype JavaScript库中的一个关键功能,用于实现页面的部分更新,无需刷新整个页面即可获取新数据。这种技术在Web开发中被称为异步JavaScript和XML(Ajax),尽管现在更常见的是与JSON或其他数据...
Prototype的Ajax模块提供了一系列实用的类和方法,如`new Ajax.Request(url, options)`用于发起HTTP请求,`new Ajax.Updater(container, url, options)`用于更新指定容器的内容。这些方法支持异步通信,使页面能够在...
2. **Ajax支持**:Prototype库内置了Ajax处理功能,包括`Ajax.Request`和`Ajax.Updater`等类,它们简化了与服务器异步通信的过程,支持GET、POST等多种HTTP请求方式。 3. **Object和Function扩展**:Prototype扩展...
- **Ajax支持**:Prototype提供了多个用于Ajax请求的API,如`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等。 - **DOM操作**:Prototype提供了诸如`$()`和`$F()`这样的方法来查找DOM元素和获取表单值...
在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供...通过学习并实践"prototype-AJAX案例",你将能够熟练掌握Prototype进行异步通信的方法,并提升你的JavaScript编程技能。
- **Ajax.Request** 和 **Ajax.Updater**:这两个是 Prototype 中处理 Ajax 请求的主要类,封装了 XMLHttpRequest 对象,提供了请求发送、状态监控和响应处理等功能。 4. **模块化设计** Prototype 采用了模块化...
以上内容概述了 **Prototype.js** 的核心特性和主要功能,通过这些介绍可以看出 **Prototype.js** 不仅是一个实用的 JavaScript 库,也是学习 JavaScript 和 Web 开发的一个非常好的资源。无论是初学者还是经验丰富...
在实际应用中,Prototype.js 还可以与Ajax技术紧密结合,通过 `Ajax.Request` 和 `Ajax.Updater` 等类来实现异步数据交换,使页面无刷新地更新内容,提升用户体验。同时,它还支持JSON和XML的解析,方便数据传输。 ...
- **Ajax**:Prototype封装了XMLHttpRequest对象,提供了一套简洁的Ajax接口,如`Ajax.Request`和`Ajax.Updater`,便于创建异步交互的应用。 - **事件处理**:它引入了事件委托的概念,`Event.observe`和`Event....
6. **Ajax 支持**:Prototype 强化了Ajax功能,包括 XMLHttpRequest 对象的封装,如 Ajax.Request 和 Ajax.Updater 等,使得异步请求处理更加直观。 7. **Event 模块**:提供了一套事件处理机制,如 Event.observe ...
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中,`Ajax`对象提供了多种方法,如`Request`、`Observer`、`Updater`等,它们使得发送Ajax请求变得非常简单。其中,`Ajax.Request`是最常用的方法,用于发起一个HTTP请求。 下面是一个使用`Ajax.Request...
在Prototype中,我们通常使用`new Ajax.Request()`或`new Ajax.Updater()`来发起Ajax请求。这些请求会携带HTTP方法(GET或POST)、URL以及回调函数,以便在服务器响应后执行特定的操作。 `Ajax.Request`的典型用法...
3. **Ajax支持**:Prototype的`Ajax`模块提供了一套完整的异步数据交互接口,包括`Ajax.Request`和`Ajax.Updater`等。 4. **事件处理**:Prototype简化了事件处理,通过`Event.observe`和`Event.stop`等方法可以...
Prototype的Ajax模块提供了多个实用方法,如Ajax.Request、Ajax.Updater、Ajax.PeriodicalUpdater等,它们帮助开发者轻松创建异步请求。Ajax.Request是基础,用于发送一个HTTP请求。它接受两个参数:URL和选项对象...
`Ajax.Request` 和 `Ajax.Updater` 类允许开发者创建请求并处理响应,而无需关心底层XMLHttpRequest对象的细节。`Form.serialize()` 方法可以轻松地将表单数据转换为适合发送的格式。 4. **事件处理**:Prototype ...