• angualrjs 配置超时时间


    timeout 1


    本想通过$httpProvider的defaults属性配置timeout时间, defaults中没有这个属性. https://docs.angularjs.org/api/ng/provider/$httpProvider#defaults

    timeout 2


    在拦截器中为request的config配置timeout, 在response中根据xhrStatus=timeout来处理超时. 奈何response中没找到这个xhrStatus ![](https://images2018.cnblogs.com/blog/213419/201804/213419-20180401112302128-243653749.png)

    官网里说status=-1表示请求被取消, timeout时就会取消请求, 那就用这个来判断吧
    https://docs.angularjs.org/api/ng/service/$http#$http-returns

    代码


    ``` (function() {

    angular.module("mobile")

    .factory('HttpInterceptor', ['$q',
      function($q) {
        return {
          request: function(config) {
            // 设置超时时间, 毫秒
            config.timeout = 1;
    
            if (config.url.search("service/") < 0)
              return config;
            if (localStorage.getItem('token')) {
              config.params = config.params || {};
              config.params['token'] = localStorage.getItem('token');
              config.params['t'] = new Date().getTime();
            }
            return config;
          },
          requestError: function(err) {
            return $q.reject(err);
          },
          response: function(res) {
            console.log('res: ',res);
    
            if(res.statusText=='timeout')
            {
              console.log('timeout: ',111);
            }
            if (res.data && res.data.code) {
              switch (res.data.code) {
                case '000':
                  return res
                case '100':
                  // alert(res.data.msg)
                  // 账号未注册
                  localStorage.removeItem('token');
                  localStorage.removeItem('groupid');
                  return res
                case '200':
                  // session 无效
                  console.log(res.data.msg)
                  localStorage.removeItem('token');
                  localStorage.removeItem('groupid');
                  window.location.href = '';
                  break
              }
            }
    
            return res
          },
          responseError: function(err) {
            if (-1 === err.status) {
              // 请求超时
              alert('请求超时');
            } else if (500 === err.status) {
              // 处理各类自定义错误
            } else if (501 === err.status) {
              // ...
            }
            return $q.reject(err);
          }
        };
      }
    ])
    
    .config(['$httpProvider',
      function($httpProvider) {
        $httpProvider.interceptors.push('HttpInterceptor');
      }
    ])
    

    })();

  • 相关阅读:
    jQueryEasyUi行编辑打造增删改查
    css样式DEMO
    jqueryEasyui常用代码
    Jquery easyui tree 一些常见操作
    EasyUI项目中的自定义JS
    easyui里弹窗的两种表现形式
    EasyUI扩展方法
    JS-easyui 扩展easyui.datagrid,添加数据loading遮罩效果代码
    Being a Hero (hdu 3251 最小割 好题)
    AWS携手上海嘉定政府推出首个联合孵化器 为创业公司拓展AWS云服务可用资源
  • 原文地址:https://www.cnblogs.com/wancy86/p/8686056.html
Copyright © 2020-2023  润新知