一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery ajax ajaxSuccess 实例与详细说明

时间:2010-10-07 编辑:简简单单 来源:一聚教程网

.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负荷要求:

trigger


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

$('.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("

  • successful request!
  • ");
          }); 

    热门栏目