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

Question

我正试图为我的ajaxified网站获得一个'加载'div.使用JSF 2.0的f:ajax标签将ajax添加到网站并"尝试" div使用jQuery $(document).ajaxStart函数显示loadin .

jQuery代码部分如下所示:

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

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

谢谢!

Answer 1

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

请参阅文档

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

你需要合作 data.status

• begin:在发送请求之前
• complete:请求收到
• success:请求已成功处理(没有错误)

使用此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