prototype的Ajax功能

本文介绍了Ajax.Request、Ajax.Updater及Ajax.PeriodicalUpdater等类的使用方法,包括构造函数参数详解及事件监听器的注册与使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建Ajax对象的三个类
  Ajax.Request
   构造函数:Ajax.Request(Url,options);
    url  :服务器地址
    options :method(只能为小写的'post'|'get')
      :parameters:参数(name = value形式)
      :onComplete:回调函数
      :asynchronous:是否异步(true;false)
      
      :onLoading:   1
      :onLoaded:   2
      :onInteractive:  3
      :onComplete:  4
      :onSuccess:   200|304
      :onFailure   500|404...
    其它属性:
    Events :XMLHttpRequest 对象readystate的5个属性
    transport:本次交互使用的XMLHttpRequest对象
  Ajax.Updater
   这是对Ajax.Request对象的简写,无需再指定回调函数,自动把服务器响应显示到指定的容器中
   构造函数:Ajax.Updater(containers,url,options);
    containers:
       可以是一个HTML元素,这样无论成功失败都会显示在这里
       可以是两个属性:success:成功时显示的元素
           failure:失败时显示的元素

  1. var myAjax = new Ajax.Updtaer(
  2.                                 {
  3.                                     success:'successtext';
  4.                                     failure:'failuretext'
  5.                                 },url,
  6.                                 {
  7.                                     method:'post',
  8.                                     parameters:params,
  9.                                     onLoading:function(){},
  10.                                     on......
  11.                                 }
  12.                             );

 

url  :服务器地址
    options :method(只能为小写的'post'|'get')
      :parameters:参数(name = value形式)
      :onComplete:回调函数
      :asynchronous:是否异步(true;false)
      
      :onLoading:   1
      :onLoaded:   2
      :onInteractive:  3
      :onComplete:  4
      :onSuccess:   200|304
      :onFailure   500|404...
      
      :evalScript  true|false 是否执行服务器响应中包含的javascript代码
             代码必须要写成匿名函数形式
             meth = function(){}
  Ajax.PeriodicalUpdater
   是一个周期性的Ajax.Updater类,周期的向服务器发送请求
   构造函数:Ajax.PeriodicalUpdater(containers,url,options);
    基本和AjaxUpdater类相同,options参数有所区别:多了两个属性
      :frequency:多少秒发送一次请求
      :decay:相同请求,则发送时间有所改变(待看)
    
 Ajax事件监听器
  Ajax.Responders
   方法:
    register(handler):注册一个事件处理器
    unregister(handler):删除一个事件处理器
    dispatch(callback,request,transport,json):(待看)

 

  1. var myGlobalHandlers = {
  2.                     //建交Ajax交互时处发改属性指定的方法
  3.                     onCreate:function(){
  4.                         Element.show('Loadingimg');
  5.                     },
  6.                     //交互失败时处发改属性指定的方法
  7.                     onFailure:function(){
  8.                         alert('对不住您!/n页面加载出错了!');
  9.                     },
  10.                     //交互成功时处发改属性指定的方法
  11.                     onComplete:function(){
  12.                         if(Ajax.activeRequestCount == 0){
  13.                             Element.hide('Loadingimg');
  14.                         }
  15.                     }
  16.                     
  17.                 //为Ajax对象绑定全局的事件处理器
  18.                 Ajax.Responders.register(myGlobalHandlers);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值