首页 > 代码库 > ajaxStart()和ajaxStop()方法

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="http://www.mamicode.com/加载" />            </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
  • 我的名字叫:白富美
  • 男朋友对我说:咱们结婚吧!

ajaxStart()和ajaxStop()方法