Jquery ajaxStart()与ajaxStop()方法(实例讲解)_Javascript教程-查字典教程网
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
发布时间:2016-12-30 来源:查字典编辑
摘要:jQuery中通过ajaxStart()和ajaxStop()两个方法提供了类似的功能。当一个Ajax请求启动时,并且没有其他未完成的Aja...

jQuery中通过ajaxStart()和ajaxStop()两个方法提供了类似的功能。当一个Ajax请求启动时,并且没有其他未完成的Ajax请求时,将调用ajaxStart()方法。同样,ajaxStop()方法则是在所有Ajax请求都完成时调用。这些方法的参数都是一个函数,这个函数将在事件发生时被调用。

例子

复制代码 代码如下:

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

<head runat="server">

<title>无标题页</title>

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#Button1").click(function(){

$.post("Default2.aspx","",function(data){

$("#x").text(data);

},"text");

});

$("#my").ajaxStart(function(){

$(this).show();

}).ajaxStop(function(){

$(this).hide();

});

});

</script>

</head>

<body>

<form id="form1" runat="server">

<input id="Button1" type="button" value="button" />

<div id="my">

<img src="loading.gif" />

</div>

<div id="x"></div>

</form>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类