anguar的$http 筆記

zgbgx 發布于2019-08-19 18:43 / 3404人閱讀

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

使用Ng開發中必不可少要用到$http通信，那么這個$http 和JQ封裝好的ajax有什么區別呢？ 1.$http 的post傳遞參數方法不同

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

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

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

3.ng能寫攔截器，統一處理某些狀態

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

但是Ng支持一個攔截器的服務

angular.module("app").factory("myInterceptor", ["$log", function($log) {
    //攔截器 統一處理 登陸異常狀態
    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("這次請求發生錯誤")
            }
            response.config.responseTimestamp = new Date().getTime();
            return response;
        }
    };

    return myInterceptor;
}]);

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

然后在app中注入服務

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

GPU云服務器云服務器 anguar 服務器在國外的云筆記 webrtc的http庫 php返回的http

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79919.html

Angular 容器部署

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

tracy 2019-07-25 14:14 評論0 收藏0
Angular 容器部署

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

alighters 2019-06-28 16:23 評論0 收藏0
AngularJS 2 Quick Start

摘要：引言是用于構建基于瀏覽器的復雜應用的下一代框架。它涵蓋了的一些基本概念，包括組件模型服務管道傳入傳出以及事件播散等使用方法，并介紹了項目的基本組織結構等。用于雙向綁定，使用來定義，專門用于定義雙向綁定。引言 Angular2 是 Google 用于構建基于瀏覽器的復雜應用的下一代 MV* 框架。該項目是我學習 Angular2 的入門項目，我覺得它很友好地表達了 Angular2 的...

Channe 2019-08-19 17:43 評論0 收藏0
FCC 成都社區·技術周刊第 12 期

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

fanux 2019-08-22 17:13 評論0 收藏0
FCC 成都社區·技術周刊第 12 期

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

zzbo 2019-08-29 15:23 評論0 收藏0