ajaxStart()和ajaxStop()方法

使用ajaxSetup()方法设置全局Ajax默认选项

使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为：

jQuery.ajaxSetup([options])或$.ajaxSetup([options])

可选项options参数为一个对象，通过该对象设置Ajax请求时的全局选项值。

<body>

    <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">23322</li>

        </ul>

    </div>

    <script type="text/javascript">

        $(function () {

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

                $(this).html("正在请求数据...");

            });

            $("#divload").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>

</body>

</html>

结果：

23322
我的名字叫：白富美
男朋友对我说：咱们结婚吧!