ajax ajaxComplete()方法
翻译结果:
Ajax
英 [ˈeɪˌdʒæks] 美 [ˈeˌdʒæks]
n.全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML);是指一种创建交互式网页应用的网页开发技术。;艾杰克斯铜锡铅轴承合金,亚甲斯炸药
complete
英 [kəmˈpli:t] 美 [kəmˈplit]
adj.完整的;完成的;(用以强调)完全的;达到结尾的
vt.完成,使完满;完成或结束;填写(表格)
ajax ajaxComplete()方法语法
作用:ajaxComplete() 方法在 AJAX 请求完成时执行函数。它是一个 Ajax 事件。与 ajaxSuccess() 不同,通过 ajaxComplete() 方法规定的函数会在请求完成时运行,即使请求并未成功。
语法:.jQueryajaxComplete(function(event,xhr,options))
参数:
参数 | 描述 |
function(event,xhr,options) | 必需。规定当请求完成时运行的函数。额外的参数:event - 包含 event 对象xhr - 包含 XMLHttpRequest 对象options - 包含 AJAX 请求中使用的选项。 |
说明:XMLHttpRequest 对象和设置作为参数传递给回调函数。
ajax ajaxComplete()方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#txt").ajaxStart(function(){ $("#wait").css("display","block"); }); $("#txt").ajaxComplete(function(){ $("#wait").css("display","none"); }); $("button").click(function(){ alert("加载完成"); $("h2").text("文本加载完成"); }); }); </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='http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg' width="64" height="64" /> <br />加载中 ... </div> </body> </html>
点击 "运行实例" 按钮查看在线实例