jquery ajax ajaxSuccess 实例与详细说明

.ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) )
returns:

jquery description:

ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) )

handler(event, xmlhttprequest, ajaxoptions)the function to be invoked.
每当一个ajax请求成功完成,触发ajaxsuccess jquery的事件。任何及所有已使用。ajaxsuccess()方法注册的处理程序是执行在这个时候。

为了遵守这一行动的方法,我们可以建立一个基本的ajax负荷要求:

<div class="trigger">trigger</div>
<div class="result"></div>
<div class="log"></div>

我们可以将我们的事件处理程序中的任何元素:

$('.log').ajaxsuccess(function() {
  $(this).text('triggered ajaxsuccess handler.');
});

现在,我们可以使用任何一个ajax请求jquery的方法

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

用户点击按钮和ajax请求成功完成,日志显示消息。

注:。由于ajaxsuccess()被实现为一个jquery对象的实例方法,我们可以使用this关键字,因为我们在这里做的是指在回调函数来选定的元素。

所有ajaxsuccess处理程序被调用时,无论什么ajax请求已经完成。如果一定要区分的要求,我们可以使用传递给处理程序的参数。每次一ajaxsuccess处理程序执行时,它是通过事件对象,xmlhttprequest对象和设置对象是在创建中使用的要求。例如,我们可以限制只处理我们的回调事件的处理特定网址:

$('.log').ajaxsuccess(function(e, xhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('triggered ajaxsuccess handler.');
  }
});

例如:
显示一个消息,当一个ajax请求成功完成。

$("#msg").ajaxsuccess(function(evt, request, settings){
      $(this).append("<li>successful request!</li>");
      }); 

时间: 2024-10-26 06:00:03

jquery ajax ajaxSuccess 实例与详细说明的相关文章

jquery ajax post实例与详细说明

jquery.post( url, [ data ], [ success(data, textstatus, xmlhttprequest) ], [ datatype ] ) returns: xmlhttprequest url  一个字符串,其中包含的url,该请求被发送 data 地图或字符串,发送请求到服务器 success(data, textstatus, xmlhttprequest)a callback 函数是执行,如果请求成功 datatype  预期的数据类型的服务器 $

jquery ajax get实例与详细教程

jquery.get( url, [ data ], [ callback(data, textstatus, xmlhttprequest) ], [ datatype ] ) returns: xmlhttprequest url 字符串,其中包含的url的请求被发送. data 地图或字符串发送到与请求的服务器. callback(data, textstatus, xmlhttprequest),如果请求成功执行. datatypethe 类型的数据预计从服务器. 这是一个缩写的ajax

jQuery ajax getScript实例与详细教程

jquery.getscript( url, [ success(data, textstatus) ] ) returns: xmlhttprequest jquery.getscript(网址,[成功(资料,textstatus)]) urla字符串,其中包含的url的请求被发送. 成功(资料,textstatus)的回调函数,如果请求成功执行. 这是一个缩写的ajax功能,这相当于: $.ajax({   url: url,   datatype: 'script',   success:

jquery ajax 应用实例代码

jquery ajax 应用实例代码 /*  ajax 向页面发送数据                 $.post('save.cgi', {     text: 'my string',     number: 23 }, function() {     alert('your data has been saved.'); });   如果您确实需要编写一些复杂的 ajax 脚本,那么需要用到 $.ajax() 函数.您可以指定 xml.script.html 或者 json,jquer

jquery ajax 应用实例

jquery ajax 应用实例<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi

jQuery Ajax使用实例_jquery

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的差异了. $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.ajax的参数描述 参数 描述 url     必需.规定把请

Jquery Ajax学习实例7 Ajax所有过程事件分析示例_jquery

一.Ajax所有过程事件分析    JQuery在执行Ajax的过程中会触发很多事件.   这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global).   局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置global:false.   全局事件:跟click等事件类似,可以绑定到到每一个DOM元素上.   这些事件的按照事件的触发顺序如下介绍:   局部事件(Local) 全局事件(Global) ajaxStart 全局事

jquery ajax入门实例详解($.ajax $.get $.post $.getJSON $.getScript)

什么是 AJAX? AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新.这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新. AJAX 和 jQuery jQuery 提供了用于 AJAX 开发的丰富函数(方法)库. 通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT.HTML.XML

jquery ajax请求实例深入解析_jquery

jquery中封装了一些ajax请求的方法,很实用. 比如.ajaxComplete()--请求完成时.ajaxError()--请求失败时.ajaxSend()--在Ajax请求发送时附加一个function去执行.ajaxStart()--请求开始时,.ajaxStop()--请求结束时.ajaxSuccess()--请求成功时.load()--从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()--使用HTTP POST请求加载服务端数据.serialize()-