angular中的http請求封裝

1、新建ts檔案（工具類;httputils.service.ts）

/**

* name:http服務
* describe:對http請求做統一處理
/*** 統一傳送請求
* @param params
* @returns >|promise}
*/public request(params: any): any else 
} /**
* get請求
* @param url 介面位址
* @param params 引數
* @returns 
*/public get(url: string, params: any): any )
.topromise()
.then(this.handlesuccess)
.catch(res => this.handleerror(res));
} /**
* post請求
* @param url 介面位址
* @param params 引數
* @returns 
*/public post(url: string, params: any) 
/*** 處理請求成功
* @param res
* @returns , // 返回內容
code: res.json().code || {}, // 返回code
message: res.json().message || {}, // 返回資訊
statustext: res.statustext,
status: res.status,
success: true
}} else , // 返回內容
code: res.json().code || {}, // 返回code
message: res.json().message || {}, // 返回資訊
statustext: res.statustext,
status: res.status,
success: true}}
} /**
* 處理請求錯誤
* @param error
* @returns 
*/private handleerror(error) 
if (error.status == 404) 
if (error.status == 500) 
console.log(error);
return ;
}}

2、新建登入service類

/**

* name:登入服務
* describe:請輸入描述
/*** 登陸功能
* @param params
* @returns >}
*/login(username: string, password: string) ,
});} /**
* 註冊
* @param user
* @returns 
*/reguster(user: any) ,
});}}

import  from '@angular/core';

import from 'ionic-angular';
import from "../tabs/tabs";
import from './login.service';
import from '@angular/router';
import from '@angular/common';
import 'rxjs/add/operator/switchmap';
@ionicpage()
@component()
export class loginpage implements oninit 
ngoninit() 
back() 
ionviewdidload() 
/*** 登入
*/userlogin(username: htmlinputelement, password: htmlinputelement, toggle) else 
});}}

angular 中的 http 請求

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

Angular學習 http請求失敗的問題

在學習angular時，以下 的http的post請求一直失敗。在firefox的除錯工具下，可以看到 options xhr http localhost 8899 login 出錯了。由於第一次學習web開發，一直糾結於 為什麼 中的post方法變為options方法？直到開啟了firefox的...

angular中的 http服務

http是ng內建的乙個服務。是簡單的封裝了瀏覽器原生的xmlhttprequest物件。寫法1 實際上 http方法返回乙個promise物件，這樣可以方便的進行鏈式呼叫。於是我們可以這樣 注意 1.如果響應狀態碼在200和299之間，會認為響應是成功的，success 會被呼叫，否則會呼叫err...