.ajaxComplete()

Description: Register a handler to be called when Ajax requests complete. This is an Ajax Event.
描述: 注册一个当ajax请求完成后将被执行的回调函数。 这是一个ajax事件。起始版本:1.0

.ajaxComplete( handler(event, XMLHttpRequest, ajaxOptions) )
handler(event, XMLHttpRequest, ajaxOptions) 回调函数。

Whenever an Ajax request completes, jQuery triggers the ajaxComplete event.
当ajax请求完成的时候会触发ajaxComplete事件。
Any and all handlers that have been registered with the .ajaxComplete() method are executed at this time.
所有注册在.ajaxComplete()中的处理器将在这个时候被执行。

To observe this method in action, we can set up a basic Ajax load request:
为了观察该方法的实际运行,我们可以建立一个基本的ajax加载请求:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>
We can attach our event handler to any element:
我们可以将事件处理器绑定到任何的元素。

$('.log').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');
});
Now, we can make an Ajax request using any jQuery method:
现在我们可以使用任何一个jQuery Ajax方法建立一个ajax请求:

$('.trigger').click(function() {
$('.result').load('ajax/test.html');
});
When the user clicks the element with class trigger and the Ajax request completes, the log message is displayed.
当用户点击了拥有trigger class的元素并且ajax请求完成后log信息将会被显示。

Note: Because .ajaxComplete() is implemented as a method of jQuery object instances, we can use the this keyword as we do here to refer to the selected elements within the callback function.
注意:因为.ajaxComplete()是作为一个jQuery对象实例方法去执行的,所以我们可以在回调函数中使用this关键字表示当前被选择的元素。

All ajaxComplete handlers are invoked, regardless of what Ajax request was completed. If we must differentiate between the requests, we can use the parameters passed to the handler. Each time an ajaxComplete handler is executed, it is passed the event object, the XMLHttpRequest object, and the settings object that was used in the creation of the request. For example, we can restrict our callback to only handling events dealing with a particular URL:
无论是哪种ajax请求完成时,所有的ajaxComplete处理器都将会被执行。如果非得区分请求,我们可以根据传递给处理器的参数加于区分。当处理器在执行时,event对象、XMLHttpRequest对象、创建该请求的设置对象,这3个对象都会被传递给处理器。例如,我们可以限制我们的回调函数只处理特定的URL。

Note: You can get the returned ajax contents by looking at xhr.responseXML or xhr.responseHTML for xml and html respectively.
注意:可以通过xhr.responseXML 或者 xhr.responseHTML获取返回的ajax内容中对应的xml和html。

$('.log').ajaxComplete(function(e, xhr, settings) {
if (settings.url == 'ajax/test.html') {
$(this).text('Triggered ajaxComplete handler. The result is ' +
xhr.responseHTML);
}
});
Example:
例子:
Show a message when an Ajax request completes.
当ajax请求完成后显示一段信息。
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>Request Complete.</li>");
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值