- 0133技术站
- 联系QQ:18840023
- QQ交流群
- 微信公众号
jQuery ajaxComplete() 方法
定义和用法
ajaxComplete() 方法规定 AJAX 请求完成时运行的函数。
注意:自 jQuery 版本 1.8 起,该方法只被附加到文档。
不像 ajaxSuccess(),通过 ajaxComplete() 方法规定的函数将在请求完成时运行,即使请求并未成功。
语法
$(document).ajaxComplete(function(event,xhr,options))
参数 | 描述 |
function(event,xhr,options) | 必需。规定当请求完成时运行的函数。额外的参数: event : 包含 event 对象 xhr : 包含 XMLHttpRequest 对象 options : 包含 AJAX 请求中使用的选项 |
<script> $(document).ready(function(){ $(document).ajaxStart(function(){ $("#wait").css("display","block"); }); $(document).ajaxComplete(function(){ $("#wait").css("display","none"); }); $("button").click(function(){ $("#txt").load("demo_ajax_load.php"); }); }); </script> </head> <body> <div id="txt"><h2>使用 AJAX 修改文本</h2></div> <button>修改内容</button> <div id="wait" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute; top:50%;left:50%;padding:2px;"><img src='demo_wait.gif' width="64" height="64" /><br>Loading..</div>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册