angular中的 http服務

2022-01-16 19:45:36 字數 1224 閱讀 1254

$http是ng內建的乙個服務。是簡單的封裝了瀏覽器原生的xmlhttprequest物件。

寫法1

實際上$http方法返回乙個promise物件,這樣可以方便的進行鏈式呼叫。

於是我們可以這樣

注意:

1. 如果響應狀態碼在200和299之間,會認為響應是成功的,success**會被呼叫,否則會呼叫error**。

2. 如果響應結果是重定向,xmlhttprequest會跟進這個重定向,並不會呼叫error**。

寫法2

使用promise物件的then方法

then()方法與其他兩種方法的主要區別是,它會接收到完整的響應物件,而success()和error()則會對響應物件進行析構。個人理解是拆分了

注意:推薦用then和catch分別代表成功和失敗,不要用success和failed。因為好像1.6以後success已被棄用,為了和標準的promise保持一致。

寫法3  快捷寫法

jquery原始碼中,$.get(url,data,fn),$.post等是對$ajax的再次封裝。ng類似。

例項:demo

angular 中的 http 請求

angular 中使用 http 請求的前提,需要引入 httpclientmodule 模組 元件中 1.get 請求寫法 getdata 2.post 請求寫法 post 請求必須設定請求頭 3.jsonp 請求 jsonp 請求與前兩種不同之處在與,除了引入 httpclientmodule ...

angular中的服務

angular中的服務 angular中的服務相當於乙個狀態管理,可以將資料放在服務裡面進行獲取以及編輯。服務的安裝命令 ng g service count安裝好後,會在服務的ts檔案中引入乙個injectable模組,這是乙個服務裝飾器,可以通過 injectable 將乙個類裝飾成乙個服務。i...

angular中的http請求封裝

1 新建ts檔案 工具類 httputils.service.ts name http服務 describe 對http請求做統一處理 統一傳送請求 param params returns promise public request params any any else get請求 param...