`

jquery-ajaxStart()和ajaxStop()

 
阅读更多
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(){});
分享到:
评论

相关推荐

    前端项目-jquery-loading-overlay.zip

    4. **事件绑定**:可以使用`.on()`方法将加载指示器的显示和隐藏与特定事件绑定,如`$.ajaxStart()`和`$.ajaxStop()`。 5. **自定义扩展**:如果需要更复杂的功能,可以通过插件的API进行扩展,比如添加自定义动画...

    jquery-1.7.2+jquery-ui-1.8.19

    3. **AJAX增强**:jQuery的AJAX模块进一步完善,"ajaxStart()"和"ajaxStop()"等全局事件处理更方便地监控和控制整个应用的AJAX请求。 4. **兼容性改进**:jQuery 1.7.2对各种浏览器的兼容性进行了优化,确保在不同...

    jquery-1.7.1 及 jquery1.4.1中文手册(最新)

    `.ajaxStart()`和`.ajaxStop()`等方法可以监听Ajax请求的状态。 **jQuery 1.4.1中文手册** `jQueryAPI-100214.chm`是开发者的重要参考资料,它详细介绍了jQuery的各个API,包括函数用法、参数说明和示例,帮助...

    jquery-1.8

    `.ajaxStart()`和`.ajaxStop()`等全局AJAX事件提供了一种监控和响应所有AJAX请求的方法。`$.ajaxSetup()`方法允许设置全局的AJAX选项,提升了代码的复用性。 在兼容性方面,jQuery 1.8继续保持着广泛的浏览器支持,...

    jquery-1.3.min.rar

    6. **AJAX增强**:在1.3版本中,AJAX请求的处理更加灵活,如增加了`ajaxStart()`和`ajaxStop()`等事件,方便开发者控制整个页面的异步行为。 使用jQuery 1.3,开发者可以轻松实现诸如DOM操作、事件处理、动画效果和...

    jquery-1.3 包 和 帮助文档

    同时,`$.ajaxStart()`和`$.ajaxStop()`可以监听Ajax请求的开始和结束。 ### 6. 插件机制 jQuery的插件机制是其强大之处,开发者可以通过扩展$.fn对象创建新的方法。在jQuery 1.3中,许多优秀的第三方插件已经出现...

    Jquery ajaxStart()与ajaxStop()方法(实例讲解)

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

    ajax-jquery-demo

    除了基本的Ajax方法,jQuery还提供了几个与Ajax相关的事件,如`ajaxStart`、`ajaxStop`、`ajaxSuccess`和`ajaxError`等,这些事件可以在Ajax请求的不同阶段触发,允许我们进行额外的处理。 **总结** Ajax结合...

    jquery-1.4.2库

    $.ajaxStart()和$.ajaxStop()等事件可以监听Ajax请求的开始和结束。 总结,jQuery 1.4.2库为开发者提供了高效、简洁的工具,无论是在页面交互、DOM操作、事件处理、动画制作还是数据交换方面,都极大地提升了开发...

    jquery-1.2-release

    $.ajaxStart()和$.ajaxStop()等方法则可用于监控Ajax请求的状态。 4. **效果与动画**:$.fadeIn(), $.fadeOut(), $.slideToggle()等方法用于创建平滑的过渡效果,animate()允许自定义动画,$.show(), $.hide()则...

    Jquery-Cheat-Sheet-1.2

    - **`.ajaxComplete()`, `.ajaxError()`, `.ajaxSend()`, `.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.load()`**:这些方法用于处理AJAX请求的生命周期事件,以及页面加载数据。 #### 6. 动画与效果 - **...

    第五章-JQUERY-Ajax

    当有多个AJAX请求时,可以利用$.ajaxStart()和$.ajaxStop()监听所有AJAX请求的开始和结束。例如: ```javascript $(document).ajaxStart(function() { // 显示加载动画 }); $(document).ajaxStop(function() { /...

    jQuery-api-1.7.1_20120209

    `.ajaxStart()`和`.ajaxStop()`可以监听Ajax请求的开始和结束,`.ajaxSuccess()`和`.ajaxError()`则用于处理请求的成功或失败。 jQuery 1.7.1版本引入了一些重要的改进和修复,包括对jQuery对象的链式调用优化、...

    jquery-1.1.3 效率提高800%

    设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数。这可以用于控制多个不同的Ajax事件。 ifModified(false) 数据类型: Boolean 只有响应自上次请求后被修改过才承认是成功的请求。是...

    jquery-api-1.7

    `.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.ajaxError()`等事件处理函数用于监控Ajax请求的状态。 总结,jQuery 1.7版本的API覆盖了JavaScript开发的各个方面,它的强大功能和易用性使其成为Web开发者的...

    jquery-1.2.3.zip

    它还包括了`$.ajaxStart()`和`$.ajaxStop()`等事件,便于管理Ajax请求的状态。 7. **浏览器兼容性**:jQuery 1.2.3版本对老版本的IE浏览器(如IE6、IE7)有很好的支持,通过使用Sizzle选择器引擎,解决了许多在旧版...

    jQuery-ajax.rar_jquery

    3. **AJAX事件**:jQuery提供了`.ajaxStart()`和`.ajaxStop()`等全局事件,可以监听所有AJAX请求的开始和结束,方便全局的加载动画控制。 4. **AJAX缓存**:通过`cache`参数可以开启或关闭AJAX请求的缓存,`cache: ...

    jQuery2.2.4 库

    - **Ajax事件**:`.ajaxStart()`, `.ajaxStop()`, `.ajaxSuccess()`, `.ajaxError()` 等监听Ajax生命周期事件。 ## 2. jQuery2.2.4 版本更新 jQuery 2.x 系列主要针对现代浏览器,不包含对旧版IE的兼容。2.2.4版本...

    jquery 1.7.1----4. Jquery之Ajax

    此外,jQuery的AJAX方法还支持全局事件,如`ajaxStart`和`ajaxStop`,可以在所有AJAX请求开始和结束时触发。这对于全局的加载指示器或者错误提示非常有用。 在实际开发中,配合`myeclipse`这样的集成开发环境,可以...

Global site tag (gtag.js) - Google Analytics