.ajaxSuccess()

.ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) ) Returns: jQuery
Description: Attach a function to be executed whenever an Ajax request completes successfully. This is an Ajax Event.version added: 1.0
描述:绑定一个当ajax成功请求后执行的处理器。这是一个ajax事件。起始版本1.0

.ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )
handler(event, XMLHttpRequest, ajaxOptions)The function to be invoked.回调函数。

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

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').ajaxSuccess(function() {
$(this).text('Triggered ajaxSuccess 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 successfully, the log message is displayed.
当用户点击了拥有trigger class的元素并且ajax请求成功完成时log信息将会被显示。

Note: Because .ajaxSuccess() 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.
注意:因为.ajaxSuccess()是作为一个jQuery对象实例方法去执行的,所以我们可以在回调函数中使用this关键字表示当前被选择的元素。

All ajaxSuccess 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 ajaxSuccess 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请求成功完成后,所有的ajaxSuccess处理器都将会被执行。如果非得区分请求,我们可以根据传递给处理器的参数加于区分。每当ajaxSuccess处理器执行时,event对象、XMLHttpRequest对象、创建该请求的设置对象,这3个对象都会被传递给处理器。例如,我们可以限制我们的回调函数只处理特定的URL。

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值