发出JSF Ajax请求时显示加载进度

发出JSF Ajax请求时显示加载进度,第1张

发出JSF Ajax请求时显示加载进度

如果您尚未使用可能已经有现成组件的第3方组件库,例如带有PrimeFaces的组件

<p:ajaxStatus>
,则可以使用JSF提供的Javascript
jsf.ajax.addonEvent()
函数(最终也可以使用
jsf.ajax.addonError()
)在ajax上挂钩函数事件

这是一个基本的启动示例:

<script>    jsf.ajax.addonEvent(function(data) {        var ajaxstatus = data.status; // Can be "begin", "complete" and "success"        var ajaxloader = document.getElementById("ajaxloader");        switch (ajaxstatus) { case "begin": // This is called right before ajax request is been sent.     ajaxloader.style.display = 'block';     break; case "complete": // This is called right after ajax response is received.     ajaxloader.style.display = 'none';     break; case "success": // This is called when ajax response is successfully processed.     // NOOP.     break;        }    });</script><img id="ajaxloader" src="ajaxloader.gif"  />

另请参阅JSF
2.0规范的
第13.3.5.2章:

13.3.5.2监视所有Ajax请求的事件

Javascript
API提供了

jsf.ajax.addOnEvent
可用于注册Javascript功能的功能,当发生任何Ajax请求/响应事件时,该功能将得到通知。有关更多详细信息,请参见第14.4节“注册回调函数”。该
jsf.ajax.addOnEvent
函数接受一个Javascript函数参数,当在任何Ajax请求/响应事件周期中发生事件时,该参数将被通知。该实现必须确保必须根据表14-3“事件”中概述的事件来调用已注册的Javascript函数。

顺便说一下,您可以从http://www.ajaxload.info免费获取一些很棒的Ajax加载器gif



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5016366.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-14

发表评论

登录后才能评论

评论列表(0条)

保存