美文网首页
页面有多个向后台发送的请求加载过程中显示loading,加载完成

页面有多个向后台发送的请求加载过程中显示loading,加载完成

作者: 一名有马甲线的程序媛 | 来源:发表于2019-03-18 15:23 被阅读0次
    //全局加载动画
    var ajax_set = function() {
        var count = 0;
        var callback = null;
        return {
            ajax: function(config) {
                count += 1;
                var success = config.success;
                config.success = function(result) {
                    success && success(result);
                    count -= 1;
                    count == 0 && callback && callback();
                };
                $.ajax(config);
            },
            complete: function(_callback) {
                callback = _callback;
            }
        };
    };

    var handler = ajax_set();
    var u=window.location.href;
    time_c(u,$(".BLACKCOVER_outer1"),".al_in");
    handler.complete(function() {
        clearTimeout(time_c(u));
        $(".BLACKCOVER_outer1").fadeOut();
        hide();
//      mini_scroll($(".scroll_outer1"));
        $(".scroll_outer").each(function(){
            mini_scroll($(this));
        });
    });
    //5秒未刷出~显示手动刷新
    function time_c(u,$outer,out){
        var t=setTimeout(function(){
            if(!$outer.is(":hidden")){
                var $ref=$("<div class='ref_out'>如果长时间无响应<a href="+u+" class='ref'>请点击这里刷新</a></div>");
                $outer.find(out).append($ref);
            }
        },5000);
        return t;
    }

原理:每发送一次请求就+1,每执行完一次请求就-1,最后数字得0 就说明都请求完了

相关文章

  • 页面有多个向后台发送的请求加载过程中显示loading,加载完成

    原理:每发送一次请求就+1,每执行完一次请求就-1,最后数字得0 就说明都请求完了

  • 使用ajax实现二级联动

    思路 在加载页面的时候,后台读取xml文件中的所有省份信息,显示到下拉框中a) 页面加载ajax发送异步请求到s...

  • TableView刷新闪动问题 —— iOS 11

    背景: 商品详情页,内容较多,分多个接口请求加载。根据请求到的数据,来判断是否显示某些内容。 处理方法 多个接口按...

  • 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 分为4个步骤: (1),当发送一个URL请求...

  • 前端面试题总结【35】:页面加载过程

    一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 分为4个步骤: 当发送一个 URL 请求时,...

  • React-native Loading图的正确加载

    Loading图适用于网络图片加载失败或者加载过程中的占位图,以下先展示最简单的网络请求占位图: 请求的图片地址:...

  • RxJava2学习笔记2

    我们通常再retrofit里结合rxjava使用。请求的时候要显示一个loading动画,请求结束或者刷新或者加载...

  • 类加载的过程

    1 加载 注意:“加载”是“类加载”(Class Loading)过程的第一步 1.1 加载的过程 在加载过程中,...

  • http常用问题总结(二)

    1、一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么? 一.当发送一个URL请求时,不管这个UR...

  • promise之实用篇

    案例:假如现在有两个后台请求,B请求需要根据A请求获取的数据来发送请求。举个例子,在一个新闻App的首屏加载过程中...

网友评论

      本文标题:页面有多个向后台发送的请求加载过程中显示loading,加载完成

      本文链接:https://www.haomeiwen.com/subject/zjzvmqtx.html