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(){});