javascript – f：ajax和jquery的`$(document).ajaxStart`不能一起工作？

我正试图为我的ajaxified网站获得一个’加载’div.
使用JSF 2.0的f：ajax标签将ajax添加到网站并“尝试”使用jQuery $(document).ajaxStart函数进行loadin div show.

jQuery代码部分如下所示：

$(document).ajaxStart(function(){
    console.log("ajax start");
  $('#ajaxBusy').show(); 
}).ajaxStop(function(){
    console.log("ajax end");
  $('#ajaxBusy').hide();
});

永远不会调用日志函数.
任何想法为什么？ JSF ajax和javascript ajax不能一起工作吗？

谢谢！

解决方法

您应该使用jsf.ajax.addOnEvent(callback)来显示加载div.也许addOnError也是.

见documentation

jsf.ajax.addOnEvent(statusUpdate);
...
var statusUpdate = function statusUpdate(data) {
...
}

您需要使用data.status

> begin：发送请求之前
>完成：请求收到
>成功：请求成功处理(无错误)

使用此API的示例：

> http://weblogs.java.net/blog/driscoll/archive/2009/10/19/request-aggregation-jsf-2-ajax
> http://weblogs.java.net/blog/driscoll/archive/2009/05/jsf_2_ajax_even.html