ajaxStart()和ajaxStop()方法

最新推荐文章于 2024-11-01 10:26:53 发布

weixin_30929195

最新推荐文章于 2024-11-01 10:26:53 发布

阅读量96

点赞数

文章标签： php json javascript ViewUI

原文链接：http://www.cnblogs.com/boyzi/p/4123551.html

版权

使用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>