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
  • 我的名字叫:白富美
  • 男朋友对我说:咱们结婚吧!
原文地址:https://www.cnblogs.com/boyzi/p/4123551.html