HTML ajaxComplete

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML ajaxComplete相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<script type="text/javascript" src="http://localhost:8080/intranet/primefaces_resource/1.1/jquery/jquery.js"></script>
		<script type="text/javascript">
			function pagePrep() {
				jQuery(".red").css('color','red');
			}
			
			jQuery(document).ready(function() {
					// on load do page prep
					pagePrep();
					
					// on ajax do page prep
					jQuery('body').ajaxComplete(function() {
						pagePrep();
					});
					
					// ajax something
					jQuery('#ajax').click(function() {
						jQuery('#target').load('ajax.html');	
					});
					
			});
		</script>
	</head>

	<body>
		<div><p class="red">this is NOT ajaxed</p></div>
		<div><p><a href="#" id="ajax">ajax</a></p></div>
		<div id="target"></div>
	</body>

</html>

jQuery 1.9+ ajaxStart事件无效，无法被触发的原因。

AJAX 事件需要绑定到document

在jQuery 1.9中， 全局的AJAX事件(ajaxStart, ajaxStop, ajaxSend, ajaxComplete, ajaxError, and ajaxSuccess) 只能在document元素上触发。修改AJAX事件监听程序到document元素上。例如，如果目前的代码看起来像这样：

$(“#status”).ajaxStart(function(){ $(this).text(“Ajax started”); });

修改成：

$(document).ajaxStart(function(){ $(“#status”).text(“Ajax started”); });

 

 

就可以完美解决。

以上是关于HTML ajaxComplete的主要内容，如果未能解决你的问题，请参考以下文章

ajaxComplete 上的 Galleria 中的目标元素

1.（ajaxStart 和 ajaxSend）和 2.（ajaxStop 和 ajaxComplete）有啥区别？

在 JavaScript 中路由到 403 页面

jquery中各个事件执行顺序如下：

jQuery 1.9+ ajaxStart事件无效，无法被触发的原因。

mvc下ajax请求遇到session超时简单处理方式