最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

angular中的http攔截器Interceptors的實(shí)現(xiàn)

 更新時(shí)間:2017年02月21日 17:26:36   作者:lvyi  
本篇文章主要介紹了angular中的http攔截器Interceptors的實(shí)現(xiàn)的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。

在angularJs中增加了一個(gè)對(duì)全局的http請(qǐng)求統(tǒng)一做出處理的api--interceptors

Interceptors 有兩個(gè)處理時(shí)機(jī),分別是:

  • 其它程序代碼執(zhí)行 HTTP 請(qǐng)求之后,在實(shí)際從瀏覽器發(fā)出請(qǐng)求之前,即處理請(qǐng)求
  • 得到請(qǐng)求的響應(yīng)之后,在交給其它程序代碼處理之前,即處理請(qǐng)求的響應(yīng)

其引用場景包括

  • 全局處理錯(cuò)誤
  • 統(tǒng)一進(jìn)行身份驗(yàn)證一類的處理
  • 對(duì)所有發(fā)出去的請(qǐng)求進(jìn)行預(yù)處理
  • 對(duì)所有收到的響應(yīng)進(jìn)行預(yù)處理等等

使用實(shí)例如下:

commonService.config(['$httpProvider',function($httpProvider){

    //$httpProvider.defaults.headers.common = {'X-Auth-Token': $.cookie('x_auth_token'),'Content-Type':'application/json;charset=UTF-8'};

    //添加攔截器;

    $httpProvider.interceptors.push(function ($q) {

      return {

        request: function (obj) {
               

          $('.loading').show();

          obj.headers['X-Auth-Token'] = $.cookie('x_auth_token');

          if(!obj.headers['Content-Type'])

            obj.headers['Content-Type'] = 'application/json;charset=UTF-8';

 

          var url, params,method;

       

          //加盟店請(qǐng)求

          mylog('jiamengdian::',sessionStorage.getItem("chainStorefrnId"));

          if(sessionStorage.getItem("chainStorefrnId")){

            //增加操作人id,name和storeid等信息

            //操作人姓名

            var operatorName = $.cookie("userType") == "employee" ? decodeURI($.cookie("username")) : decodeURI($.cookie("frnName"));

            //操作人id

            var operatorId = $.cookie("userId");

            //加盟店id

            var operatorStoreId = $.cookie("frnId");

            if (obj.method) {

              method = obj.method.toLowerCase();

            } else {

              method = "get";

            }

            //處理url,區(qū)分首次授信還是追加授信

            var flag_url = sessionStorage.getItem('chainStoreFlag');

            mylog('flag_url',flag_url);

            if(flag_url && flag_url == "firstcredit"){

 

              //提交需要加上加盟店標(biāo)識(shí)

              if(obj.url.indexOf("firstcredit/createPerFirstCredit")!=-1){

                //標(biāo)識(shí)個(gè)人提交

                obj.url = obj.url.replace('firstcredit/createPerFirstCredit','firstcredit/perFirstCreditByFranchisee');

              }

              else if(obj.url.indexOf("firstcredit/createBusiFirstCredit")!=-1){

                //標(biāo)識(shí)企業(yè)提交

                obj.url = obj.url.replace('firstcredit/createBusiFirstCredit','firstcredit/createBusiFirstCreditByFranchisee');

              }

             
              } else {

                url = obj.url + "?creditType=1&operatorName=" + operatorName + "&operatorId=" + operatorId + "&operatorStoreId=" + operatorStoreId;

               }

            }

          return obj;

        },

        response: function (res) {

          $(".loading").hide();

          return res;

        },

        responseError: function (err) {

          $(".loading").hide();

          return $q.reject(err);

        }

      };

    });

  }]); 

改api共有4個(gè)方法,分別為request ,requestError ,response ,responseError ,這個(gè)四個(gè)方法非必選,可根據(jù)需要調(diào)用,前兩個(gè)是請(qǐng)求的前置處理,后兩個(gè)是針對(duì)請(qǐng)求的響應(yīng)的處理。

  • request :接收一個(gè)參數(shù),它是 $http 中的標(biāo)準(zhǔn) config 對(duì)象,同時(shí)也需要返回一個(gè)標(biāo)準(zhǔn) config ,此時(shí)可以添加各類身份驗(yàn)證信息,同時(shí)也可在此啟動(dòng)進(jìn)度條
  • requestError :當(dāng)有多個(gè) Interceptor 的時(shí)候, requestError 會(huì)在前一個(gè) Interceptor 拋出錯(cuò)誤或者執(zhí)行 $q.reject() 時(shí)執(zhí)行,接收的參數(shù)就對(duì)應(yīng)的錯(cuò)誤
  • response :接受一個(gè)請(qǐng)求對(duì)象參數(shù),可以不處理就直接返回,此時(shí)也可以將進(jìn)度條顯示為成功完成,當(dāng)然,如果后端 API 返回自定義錯(cuò)誤時(shí),HTTP 的狀態(tài)碼仍然是 200 得話,便在這里處理自定義錯(cuò)誤,也可以對(duì)返回?cái)?shù)據(jù)做一些處理,注意要將進(jìn)度條置為完成
  • responseError :這個(gè)是重頭戲,即可以處理標(biāo)準(zhǔn)的 Http 錯(cuò)誤,如服務(wù)器沒有響應(yīng)時(shí),或者 PHP 之類的 CGI 經(jīng)常出現(xiàn)的 502 一類,還可以處理 HTTP 狀態(tài)碼不是 200 的各類自定義錯(cuò)誤

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • AngularJS 簡單應(yīng)用實(shí)例

    AngularJS 簡單應(yīng)用實(shí)例

    本文主要介紹AngularJS 的簡單應(yīng)用實(shí)例,這里對(duì)AngularJS的知識(shí)總結(jié),并提供實(shí)例代碼和應(yīng)用程序講解,有需要的小伙伴可以參考下
    2016-07-07
  • angular8.5集成TinyMce5的使用和詳細(xì)配置(推薦)

    angular8.5集成TinyMce5的使用和詳細(xì)配置(推薦)

    這篇文章主要介紹了angular8.5集成TinyMce5的使用和詳細(xì)配置,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-11-11
  • Angular 中 select指令用法詳解

    Angular 中 select指令用法詳解

    這篇文章主要介紹了Angular 中 select指令用法詳解的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • AngularJS封裝指令方法詳解

    AngularJS封裝指令方法詳解

    這篇文章主要介紹了AngularJS封裝指令方法,結(jié)合實(shí)例形式詳細(xì)分析了AngularJS的功能、jQuery類庫協(xié)作及組件封裝的具體操作技巧,需要的朋友可以參考下
    2016-12-12
  • AnglarJs中的上拉加載實(shí)現(xiàn)代碼

    AnglarJs中的上拉加載實(shí)現(xiàn)代碼

    上拉加載,是目前手機(jī)網(wǎng)站加載數(shù)據(jù)的一種常用方式,本文主要講解AnglarJs集成,上拉加載功能。感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
    2018-02-02
  • Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on

    Angularjs中的事件廣播 —全面解析$broadcast,$emit,$on

    下面小編就為大家?guī)硪黄狝ngularjs中的事件廣播 —全面解析$broadcast,$emit,$on。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧
    2016-05-05
  • AngularJS基礎(chǔ) ng-selected 指令簡單示例

    AngularJS基礎(chǔ) ng-selected 指令簡單示例

    本文主要介紹AngularJS ng-selected 指令,這里對(duì)ng-selected 指令的基礎(chǔ)資料做了詳細(xì)介紹,并附有示例代碼,有需要的小伙伴可以參考下
    2016-08-08
  • Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼詳解

    Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼詳解

    這篇文章主要給大家介紹了關(guān)于Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-06-06
  • AngularJS 避繁就簡的路由

    AngularJS 避繁就簡的路由

    這篇文章主要為大家詳細(xì)介紹了AngularJS 避繁就簡的路由的相關(guān)資料,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 詳解AngularJS跨頁面?zhèn)髦担╱i-router)

    詳解AngularJS跨頁面?zhèn)髦担╱i-router)

    本篇文章主要介紹了詳解AngularJS跨頁面?zhèn)髦担╱i-router),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-08-08

最新評(píng)論

宿迁市| 扬中市| 灵石县| 故城县| 共和县| 麻栗坡县| 剑阁县| 根河市| 桃江县| 铜鼓县| 黄陵县| 喜德县| 平潭县| 江西省| 正阳县| 万全县| 德州市| 嘉鱼县| 肇庆市| 广南县| 吴桥县| 榕江县| 衡阳县| 纳雍县| 平乐县| 林周县| 白河县| 常熟市| 定西市| 张北县| 洛浦县| 红安县| 那坡县| 阿图什市| 日喀则市| 鹤山市| 勐海县| 肇源县| 陈巴尔虎旗| 克山县| 南阳市|