`
xiaotian_ls
  • 浏览: 306018 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

给Ajax.Request的onComplete事件增加自己定义的参数

    博客分类:
  • Ajax
阅读更多
Ajax.Request 是 prototype.js 最重要的一个成员。

JavaScript代码


                view plaincopy to clipboardprint?
/* 以下代码来自项目中的帮助模块 */       
HELP.showDefined = function(hid,objid){       
    var obj = $(objid);       
    //显示 正在加载中... 的信息       
    obj.innerHTML = HELP.LOADING_TEXT ;       
    var url = "helpmanagerview.do?act=content&defined=1&hid="+hid;       
    new Ajax.Request(url,{asynchronous:true,onComplete:HELP.definedRequest(obj)});        
    return false;       
}       
/* Ajax onComplete事件 调用函数 */       
HELP.definedRequest = function(obj){       
   //以下虚拟函数可以取到httpRequest对象       
   return function(httpRequest){obj.innerHTML = httpRequest.responseText;};       
}    
/* 以下代码来自项目中的帮助模块 */    
HELP.showDefined = function(hid,objid){    
    var obj = $(objid);    
    //显示 正在加载中... 的信息    
    obj.innerHTML = HELP.LOADING_TEXT ;    
    var url = "helpmanagerview.do?act=content&defined=1&hid="+hid;    
    new Ajax.Request(url,{asynchronous:true,onComplete:HELP.definedRequest(obj)});     
    return false;    
}    
/* Ajax onComplete事件 调用函数 */    
HELP.definedRequest = function(obj){    
   //以下虚拟函数可以取到httpRequest对象    
   return function(httpRequest){obj.innerHTML = httpRequest.responseText;};    
}  

以上是转帖的调用,而我自己的调用是

     var  myAjax = new Ajax.Request(
      requestURL,
      { 
         method: 'POST',
         parameters:params,
         onComplete: varTabResponse(actTabObject),
         asynchronous:true
      });

var varTabResponse=function(parObjId){

       return function(httpRequest){
             parObjId.innerHTML= httpRequest.responseText;
       };
}

http://blog.csdn.net/jjjsss82/archive/2009/06/29/4307058.aspx
分享到:
评论

相关推荐

    Ajax.updater

    这里,`container`指定了在页面上哪个元素(如div)将接收新内容,`url`定义了要调用的处理请求的服务器端脚本,而`parameters`则是传递给该脚本的任何额外参数。 3. **数据格式:XML和JSON** - **XML**:Ajax....

    asp.net MVC 使用Ajax.BeginForm 无刷新提交from表单

    2. 然后,使用Ajax.BeginForm辅助方法创建表单,指定控制器和动作,以及一些可选参数,如更新的目标元素和提交失败时的回调函数。 ```html @using (Ajax.BeginForm("Action", "Controller", new AjaxOptions { ...

    也写一个Ajax.Request类附代码

    3. **设置请求**:`_x.open`方法打开与服务器的连接,`_x.onreadystatechange`定义了一个事件处理函数,当请求状态改变时执行。如果请求方法为POST,还会设置Content-Type头。 4. **发送请求**:根据请求方法(GET...

    prototype的Ajax介绍

    **Ajax.Request** 是Prototype中用于创建Ajax请求的核心对象。可以通过以下方式初始化: ```javascript new Ajax.Request('/some_url', { method: 'get' }); ``` - **参数解析**: - 第一个参数:请求的URL。 -...

    mootools 1.2 ajax使用备忘

    MooTools提供了多个事件处理器,如`onSuccess`, `onFailure`, `onComplete`等。 - `responseText`和`responseXML`属性可以访问到服务器返回的文本或XML数据。 6. **请求头设置** - 你可以通过`options.headers`...

    prototype.pdf

    此外,`Ajax.Request` 还提供了许多事件,如 `onSuccess`、`onFailure` 和 `onComplete`,允许你根据请求的状态执行特定的操作。 Prototype.js 还包括其他有用的功能,如 `Element`、`Array`、`Hash` 等对象的扩展...

    ajax使用常用套路

    - 创建 AJAX 对象并通过 `newAjax.Request` 方法发送请求。 - 指定了请求方式为 POST,并设置了一些选项: - `asynchronous` 为 `false` 表示同步请求。 - `onComplete` 属性指定了请求完成后的回调函数 `...

    EJb的Ajax功能

    ### EJB中的Ajax功能 #### 一、简介 在企业级Java开发中,EJB(Enterprise JavaBeans)作为核心组件模型之一,为开发者提供了构建可伸缩、健壮的企业应用程序的强大工具。随着Web 2.0的发展,Ajax技术因其能够实现...

    prototype.js开发笔记.doc

    Prototype的核心优势在于其对DOM操作、事件处理以及Ajax请求的支持。通过提供一系列方便快捷的方法,Prototype让开发者可以更加高效地实现常见的Web开发任务。 #### 1.2 关联文章 - **高级JavaScript指南**:这是...

    prototype.js简单实现ajax功能示例

    在上述代码中,`Ajax.Request` 是关键,它接收两个参数:一个是请求的 URL,另一个是一个包含多个选项的对象。这些选项包括请求的方法(这里是 'post'),参数(在这里是空字符串),以及在请求成功、完成或失败时要...

    使用prototype.js进行异步操作

    它创建一个新的Ajax.Request实例,设置请求方法为GET,参数为用户选择的值,并指定一个回调函数`showResponse`,这个函数会在请求完成后被调用,用于处理服务器返回的数据。 在`showResponse`函数中,`original...

    基于ajax的一个无限树型菜单.doc

    在`AjaxRequest`类中,可能有一个`onSuccess`或`onComplete`的回调函数,用于处理服务器响应并更新树型菜单。 8. **错误处理**: 当Ajax请求失败时,应提供适当的错误处理机制,例如显示错误信息,或者允许用户...

    ajax4jsf使用手册

    - **Ajax 回调**:通过`oncomplete`、`onsuccess`、`onerror`等属性,开发者可以定义Ajax请求完成后的回调函数,实现更复杂的逻辑。 ### 2. Ajax4JSF 的安装与配置 安装Ajax4JSF通常涉及以下几个步骤: 1. 下载...

    Prototype API Documentation

    onComplete: function(request) { /* ... */ } }); ``` **3.5 Ajax.Response** - **简介**:封装了Ajax响应的相关信息。 - **示例**: ```javascript var response = new Ajax.Response(transport); ``` **...

    PHP AJAX XJAX包

    3. **创建AJAX请求**:在JavaScript端,通过`new xajax.request(url, {onComplete: callback})`发起请求,其中`url`是处理请求的PHP文件,`callback`是处理响应的回调函数。 4. **构建响应**:在PHP函数中,使用`$...

    AJAX常用面试题

    - 主要方法包括`open()`(定义请求类型、URL和是否异步)、`send()`(发送请求)、`abort()`(取消请求),以及`onreadystatechange`等事件处理函数。 - 主要属性如`readyState`(请求状态)、`status`(HTTP状态码...

    使用javascript调用webservice示例归类.pdf

    1. `ajaxRequest()`函数首先定义了WebService的URL(例如:`http://localhost:88/webservicedemo.asmx`),然后设置调用的方法名(如`HelloTo`)和参数。注意,对于.NET的WebService,参数传递方式是基于名称的,而...

    struts2+ajax 无刷新验证身份证号是否已注册,身份证号是否正确

    var myAjax = new Ajax.Request(url, { method: 'get', parameters: { trainUser_cardNo: cardNo }, onLoading: showDiv, onComplete: showResponse, onFailure: reportError }); } } function isIdCard...

    使用javascript调用webservice示例[借鉴].pdf

    在`ajaxRequest()`函数中,`para`变量是传递给Web服务的参数,通常它应该是符合XML规范的字符串。在实际应用中,这个参数可能需要根据具体的Web服务接口进行构建。 接下来,`op`对象包含了处理Web服务响应的回调...

    JavaScript 中处理JSON

    var mailAjax = new Ajax.Request( url, { method: 'get', onComplete: jsonResponse } ); } function jsonResponse(response) { var data = JSON.parse(response.responseText); alert(data.name); // ...

Global site tag (gtag.js) - Google Analytics