Prototype AJAX 教程

AJAX简介

AJAX 代表同步JavaScriptXML。AJAX 是一种新技术,用于在 XML、HTMLCSS 和 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对象,您可以从中分别使用其responseTextresponseXML属性。

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

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

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

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

原型 AJAX 方法

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

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

编号方法及说明
1.Ajax Options
这不是一种方法,而是详细说明了所有 AJAX 请求者和回调共享的所有核心选项。
2.Ajax.PeriodicalUpdater()
定期执行 AJAX 请求并根据响应文本更新容器的内容。
3.Ajax.Request()
发起并处理 AJAX 请求。
4.Ajax.Responders()
全局侦听器存储库通知基于原型的 AJAX 请求的每个步骤。
5.Ajax.Response()
作为所有 Ajax 请求回调的第一个参数传递的对象。
6.Ajax.Updater()
执行 AJAX 请求并根据响应文本更新容器的内容。

作者:terry,如若转载,请注明出处:https://www.web176.com/prototype/8225.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2023年1月17日 下午5:46
下一篇 2023年1月17日 下午6:12

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注