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>
运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答