前端关于网络状态的处理？

Question

如果有多个页面都需要一样的加载动画，然后如果网络状况不好，连接失败，需要有提示“加载失败页面”，并且有按钮可以点击重新加载当前页面，请问有没有统一处理，不用每个页面都写一遍这样逻辑的方案？

Answer 1

写一个loading()方法,在每次去请求接口未返回数据之前加载这个方法

Answer 2

直接拦截请求可以一步到位，拦截发起请求前和发起请求后的两个动作就行了

Answer 3

1.如果用的是jQuery Ajax，可以使用自带的全局处理；

$.ajaxSetup({  
        type: "POST",  
        error: function(xhr, textStatus, errorThrown){  
            switch (xhr.status){   
                case(408):  
                    alert("请求超时");  
                    break;  
                default:  
                    break; 
            }  
        },   
        success: function(data){  
            alert("操作成功");  
        }  
    });

2.如果用的是 fetch或者XMLHttpRequest，可以封装一个处理请求的模块，在这个模块里处理一些全局的网络错误。以后所有的请求都用这个模块去处理。

Answer 4

https://segmentfault.com/q/10...，这里面很详细