ajaxStart()和ajaxStop()方法是绑定Ajax事件。
当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。
语法:$(selector).ajaxStart(function())和$(selector).ajaxStop(function())
<div id="divtest">
<div class="title">
<span class="fl">加载一段文字</span>
<span class="fr">
<input id="btnShow" type="button" value="加载" />
</span>
</div>
<ul>
<li id="divload"></li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$(document).ajaxStart(function(){
$(this).html("正在请求数据...");
});
$(document).ajaxStop(function(){
$(this).html("数据请求完成!");
});
$("#btnShow").bind("click", function () {
var $this = $(this);
$.ajax({
url: "http://www.imooc.com/data/info_f.php",
dataType: "json",
success: function (data) {
$this.attr("disabled", "true");
$("ul").append("<li>我的名字叫:" + data.name + "</li>");
$("ul").append("<li>男朋友对我说:" + data.say + "</li>");
}
});
})
});
</script>
注意:
jquery1.8 可以用:$("#divload").ajaxStart(function(){});
jquery1.9 以上不支持要改为:$(document).ajaxStart(function(){});
分享到:
相关推荐
4. **事件绑定**:可以使用`.on()`方法将加载指示器的显示和隐藏与特定事件绑定,如`$.ajaxStart()`和`$.ajaxStop()`。 5. **自定义扩展**:如果需要更复杂的功能,可以通过插件的API进行扩展,比如添加自定义动画...
3. **AJAX增强**:jQuery的AJAX模块进一步完善,"ajaxStart()"和"ajaxStop()"等全局事件处理更方便地监控和控制整个应用的AJAX请求。 4. **兼容性改进**:jQuery 1.7.2对各种浏览器的兼容性进行了优化,确保在不同...
`.ajaxStart()`和`.ajaxStop()`等方法可以监听Ajax请求的状态。 **jQuery 1.4.1中文手册** `jQueryAPI-100214.chm`是开发者的重要参考资料,它详细介绍了jQuery的各个API,包括函数用法、参数说明和示例,帮助...
`.ajaxStart()`和`.ajaxStop()`等全局AJAX事件提供了一种监控和响应所有AJAX请求的方法。`$.ajaxSetup()`方法允许设置全局的AJAX选项,提升了代码的复用性。 在兼容性方面,jQuery 1.8继续保持着广泛的浏览器支持,...
6. **AJAX增强**:在1.3版本中,AJAX请求的处理更加灵活,如增加了`ajaxStart()`和`ajaxStop()`等事件,方便开发者控制整个页面的异步行为。 使用jQuery 1.3,开发者可以轻松实现诸如DOM操作、事件处理、动画效果和...
同时,`$.ajaxStart()`和`$.ajaxStop()`可以监听Ajax请求的开始和结束。 ### 6. 插件机制 jQuery的插件机制是其强大之处,开发者可以通过扩展$.fn对象创建新的方法。在jQuery 1.3中,许多优秀的第三方插件已经出现...
jQuery中通过ajaxStart()和ajaxStop()两个方法提供了类似的功能。当一个Ajax请求启动时,并且没有其他未完成的Ajax请求时,将调用ajaxStart()方法。同样,ajaxStop()方法则是在所有Ajax请求都完成时调用。这些方法的...
除了基本的Ajax方法,jQuery还提供了几个与Ajax相关的事件,如`ajaxStart`、`ajaxStop`、`ajaxSuccess`和`ajaxError`等,这些事件可以在Ajax请求的不同阶段触发,允许我们进行额外的处理。 **总结** Ajax结合...
$.ajaxStart()和$.ajaxStop()等事件可以监听Ajax请求的开始和结束。 总结,jQuery 1.4.2库为开发者提供了高效、简洁的工具,无论是在页面交互、DOM操作、事件处理、动画制作还是数据交换方面,都极大地提升了开发...
$.ajaxStart()和$.ajaxStop()等方法则可用于监控Ajax请求的状态。 4. **效果与动画**:$.fadeIn(), $.fadeOut(), $.slideToggle()等方法用于创建平滑的过渡效果,animate()允许自定义动画,$.show(), $.hide()则...
- **`.ajaxComplete()`, `.ajaxError()`, `.ajaxSend()`, `.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.load()`**:这些方法用于处理AJAX请求的生命周期事件,以及页面加载数据。 #### 6. 动画与效果 - **...
当有多个AJAX请求时,可以利用$.ajaxStart()和$.ajaxStop()监听所有AJAX请求的开始和结束。例如: ```javascript $(document).ajaxStart(function() { // 显示加载动画 }); $(document).ajaxStop(function() { /...
`.ajaxStart()`和`.ajaxStop()`可以监听Ajax请求的开始和结束,`.ajaxSuccess()`和`.ajaxError()`则用于处理请求的成功或失败。 jQuery 1.7.1版本引入了一些重要的改进和修复,包括对jQuery对象的链式调用优化、...
设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数。这可以用于控制多个不同的Ajax事件。 ifModified(false) 数据类型: Boolean 只有响应自上次请求后被修改过才承认是成功的请求。是...
`.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.ajaxError()`等事件处理函数用于监控Ajax请求的状态。 总结,jQuery 1.7版本的API覆盖了JavaScript开发的各个方面,它的强大功能和易用性使其成为Web开发者的...
它还包括了`$.ajaxStart()`和`$.ajaxStop()`等事件,便于管理Ajax请求的状态。 7. **浏览器兼容性**:jQuery 1.2.3版本对老版本的IE浏览器(如IE6、IE7)有很好的支持,通过使用Sizzle选择器引擎,解决了许多在旧版...
3. **AJAX事件**:jQuery提供了`.ajaxStart()`和`.ajaxStop()`等全局事件,可以监听所有AJAX请求的开始和结束,方便全局的加载动画控制。 4. **AJAX缓存**:通过`cache`参数可以开启或关闭AJAX请求的缓存,`cache: ...
- **Ajax事件**:`.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.ajaxError()` 等监听Ajax生命周期事件。 ## 2. jQuery2.2.4 版本更新 jQuery 2.x 系列主要针对现代浏览器,不包含对旧版IE的兼容。2.2.4版本...
此外,jQuery的AJAX方法还支持全局事件,如`ajaxStart`和`ajaxStop`,可以在所有AJAX请求开始和结束时触发。这对于全局的加载指示器或者错误提示非常有用。 在实际开发中,配合`myeclipse`这样的集成开发环境,可以...