最近在项目中折腾了下angular2,所以出来跟大家分享，希望有帮助，每个公司业务不一样，按实际情况而定
(1).导入依赖
/**
* name:http服务
* describe:对http请求做统一处理
* author:1490040004@qq.com
* date:2017/5/15
* time:09:29
*/
import {Injectable} from '@angular/core';
import {Http, Response, Headers, RequestOptions, Request} from '@angular/http';
import 'rxjs/add/operator/toPromise';
@Injectable()
export class HttpInterceptorService {
constructor(private http: Http) {
}
(2).发送请求统一处理
//发送请求统一处理
public request(params: any): any {
let options = new RequestOptions({
method: (params['method'] == 'post' || params['method'] == 'POST') ? 'POST' : 'GET',
url: params['url'],
headers: new Headers({'content-type': 'application/json', 'Accept': 'application/hal+json;charset=UTF-8'}),
params: !(params['method'] == 'post' || params['method'] == 'POST') ? params["data"] : {},
body: (params['method'] == 'post' || params['method'] == 'POST') ? JSON.stringify(params["data"]) : {}
});
return this.http.request(new Request(options))
.toPromise()
.then(this.handleSuccess)
.catch(res=>this.handleError(res));
}
(3).处理请求成功
private handleSuccess(res: Response) {
let body = res["_body"];
if (body) {
return {
data: res.json().content || {},
page: res.json().page || {},
statusText: res.statusText,
status: res.status,
success: true
}
}
else {
return {
statusText: res.statusText,
status: res.status,
success: true
}
}
}
(4).处理错误
private handleError(error) {
console.log(error);
let msg = '请求失败';
if (error.status == 400) {
console.log('请求参数正确');
}
if (error.status == 404) {
console.error('请检查路径是否正确');
}
if (error.status == 500) {
console.error('请求的服务器错误);
}
console.log(error);
return {success: false, msg: msg};
}
}
<完>
福利：如果你是喜欢看书的朋友，不妨点击【有惊喜】这是我在亚马逊买的电子书。都非常珍贵，希望你能喜欢
作者：小处成就大事
简介：一个喜欢分享和学习的前端开发程序猿，平时喜欢看看书，游泳，爬山，户外骑行等，期待与志同道合的你成为朋友，一起交流、一起进步。
初衷：对我来说，写文章是学习和记录一些没有精通和完全掌握的知识点，其次才是分享知识。通过自己查找资料和经验心得整理出来，做到通俗易懂分享给需要的人，分享知识不是为了炫耀，也不是为了谋利，而是为了更多需要汲取知识的人，可以收获知识，同时自己也可以从中收获知识，坚持做知识分享真的很难，但是我会坚持下去····
博客：小处成就大事_新浪博客
如果有志同道合的朋友不妨加微信一起交流和学习，期待你的到来
