成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

anguar的$http 筆記

zgbgx / 3419人閱讀

摘要:但請求成功不代表這次請求沒有錯誤,例如我接收到請求數(shù)據(jù)有個字段屬性為時,代表用戶操作異常,我需要將用戶彈回登陸頁面,重新登陸。

使用Ng開發(fā)中必不可少要用到$http通信,那么這個$http 和JQ封裝好的ajax有什么區(qū)別呢? 1.$http 的post傳遞參數(shù)方法不同

ng使用post方法傳遞的參數(shù)是json格式,而Jq的post方法傳遞過去的參數(shù)是form表格傳遞方式,所以如果使用ng開發(fā),最好一開始就和后臺約定好接收數(shù)據(jù)時先解析json數(shù)據(jù),不然后臺很有可能接收不了數(shù)據(jù)。

2.ng能配合$q使用Promise方式

雖然新版Jq也支持Promise,不過Ng的也很不錯
附上一篇文章
https://segmentfault.com/a/1190000002788733

3.ng能寫攔截器,統(tǒng)一處理某些狀態(tài)

一般使用Jq的Ajax時,都會做一些錯誤處理,然而如果項目龐大了,有些錯誤處理是重復(fù)多次書寫的。就算是簡簡單單寫一個 error 方法,寫多了也會覺得很煩。

但是Ng支持一個攔截器的服務(wù)

angular.module("app").factory("myInterceptor", ["$log", function($log) {
    //攔截器 統(tǒng)一處理 登陸異常狀態(tài)
    var myInterceptor = {
        response: function(response) {
            // $rootScope.loading = false;
            if (response.status == 200) {
                var info = response.data;
                if (info.status == 0) {
                    location.href = "/adminWcloud/login.html";
                }
            } else {
                ot.warn("這次請求發(fā)生錯誤")
            }
            response.config.responseTimestamp = new Date().getTime();
            return response;
        }
    };

    return myInterceptor;
}]);

以上代碼是創(chuàng)建一個叫myInterceptor的服務(wù),response表示如果請求有響應(yīng)時執(zhí)行funtion 那么當(dāng)請求狀態(tài)為200時就是請求成功,不是就是請求失敗,所以統(tǒng)一一個錯誤提示方法(ot為本人封裝好的一個提示方法)。但請求成功不代表這次請求沒有錯誤,例如我接收到請求數(shù)據(jù)有個字段屬性為0時,代表 用戶操作異常 , 我需要將用戶彈回登陸頁面,重新登陸。

然后在app中注入服務(wù)

$httpProvider.interceptors.push("myInterceptor");

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/79919.html

相關(guān)文章

  • Angular 容器部署

    摘要:很多人反應(yīng)很難訪問,所以轉(zhuǎn)移到阿里云服務(wù)器上,因此做了一次完整的容器部署。在容器化過程中,我們并未配置任何等,只是保留服務(wù)所需的配置項而已,而這一部分我們可以放在反向代理層完成。 很多人反應(yīng)很難訪問 Github Page,所以 ng-alain.com 轉(zhuǎn)移到阿里云服務(wù)器上,因此做了一次完整的 Angular 容器部署。 以下我會闡述 ng-alain 整個過程,其中包括 Docke...

    tracy 評論0 收藏0
  • Angular 容器部署

    摘要:很多人反應(yīng)很難訪問,所以轉(zhuǎn)移到阿里云服務(wù)器上,因此做了一次完整的容器部署。在容器化過程中,我們并未配置任何等,只是保留服務(wù)所需的配置項而已,而這一部分我們可以放在反向代理層完成。 很多人反應(yīng)很難訪問 Github Page,所以 ng-alain.com 轉(zhuǎn)移到阿里云服務(wù)器上,因此做了一次完整的 Angular 容器部署。 以下我會闡述 ng-alain 整個過程,其中包括 Docke...

    alighters 評論0 收藏0
  • AngularJS 2 Quick Start

    摘要:引言是用于構(gòu)建基于瀏覽器的復(fù)雜應(yīng)用的下一代框架。它涵蓋了的一些基本概念,包括組件模型服務(wù)管道傳入傳出以及事件播散等使用方法,并介紹了項目的基本組織結(jié)構(gòu)等。用于雙向綁定,使用來定義,專門用于定義雙向綁定。 引言 Angular2 是 Google 用于構(gòu)建基于瀏覽器的復(fù)雜應(yīng)用的下一代 MV* 框架。該項目是我學(xué)習(xí) Angular2 的入門項目,我覺得它很友好地表達(dá)了 Angular2 的...

    Channe 評論0 收藏0
  • FCC 成都社區(qū)·技術(shù)周刊 第 12 期

    摘要:詳情怎樣規(guī)避地獄作者先介紹什么是地獄,以及在開發(fā)過程中怎樣去規(guī)避地獄,一時爽性能問題火葬場。詳情其他亮點匯總開發(fā)者大會已于北京時間月日凌晨在美國山景城正式啟幕。 【前端】 1. JavaScript 的新數(shù)據(jù)類型:BigInt BigInt?是 JavaScript 中的一個新的數(shù)字基本(primitive)類型,可以用任意精度表示整數(shù)。使用?BigInt?可以安全地存儲和操作大整數(shù),...

    fanux 評論0 收藏0
  • FCC 成都社區(qū)·技術(shù)周刊 第 12 期

    摘要:詳情怎樣規(guī)避地獄作者先介紹什么是地獄,以及在開發(fā)過程中怎樣去規(guī)避地獄,一時爽性能問題火葬場。詳情其他亮點匯總開發(fā)者大會已于北京時間月日凌晨在美國山景城正式啟幕。 【前端】 1. JavaScript 的新數(shù)據(jù)類型:BigInt BigInt?是 JavaScript 中的一個新的數(shù)字基本(primitive)類型,可以用任意精度表示整數(shù)。使用?BigInt?可以安全地存儲和操作大整數(shù),...

    zzbo 評論0 收藏0

發(fā)表評論

0條評論

zgbgx

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<