Prototype AJAX 教程

AJAX简介

AJAX 代表同步JavaScript和XML。AJAX 是一种新技术，用于在 XML、HTML、CSS 和 Java 脚本的帮助下创建更好、更快和更具交互性的 Web 应用程序。

要完整了解 AJAX，请阅读我们简单的AJAX 教程。

AJAX 原型支持

原型框架使您能够以一种非常简单有趣的方式处理 Ajax 调用，同时也是安全的（跨浏览器）。Prototype 还以一种巧妙的方式处理从服务器返回的 JavaScript 代码，并提供用于轮询的辅助类。

Ajax 功能包含在全局Ajax 对象中。该对象提供了所有必要的方法来以简单的方式处理 AJAX 请求和响应。

AJAX请求

实际请求是通过创建Ajax.Request()对象的实例来发出的。

new Ajax.Request('/some_url', { method:'get' });

第一个参数是请求的URL；第二个是选项散列。method选项是指要使用的HTTP方法；默认方法是 POST。

AJAX 响应回调

Ajax 请求默认是异步的，这意味着您必须有回调来处理来自响应的数据。发出请求时，回调方法在选项哈希中传递：

new Ajax.Request('/some_url', {
   method:'get',
   onSuccess: function(transport) {
      var response = transport.responseText || "no response text";
      alert("Success! \n\n" + response);
   },
   onFailure: function() { alert('Something went wrong...') }
});

在这里，两个回调在哈希中传递 –

• onSuccess
• onFailure

根据响应的状态相应地调用上述两个调用中的任何一个。传递给两者的第一个参数是本机xmlHttpRequest对象，您可以从中分别使用其responseText和responseXML属性。

您可以指定两个回调，一个或一个都不指定 – 这取决于您。其他可用的回调是 –

• onUninitialized
• onLoading
• onLoaded
• onInteractive
• onComplete
• onException

它们都匹配xmlHttpRequest传输的特定状态，onException 除外，它在调度其他回调时出现异常时触发。

注– onUninitialized、onLoading、onLoaded 和 onInteractive 回调并非由所有浏览器一致实现。一般来说，最好避免使用这些。

原型 AJAX 方法

Ajax 对象提供了所有必要的方法来以简单的方式处理 AJAX 请求和响应。这是与 AJAX 相关的所有方法的完整列表。

注意– 确保你至少拥有 prototype.js 的 1.6 版本。