@interaction/http-function

快速上手（HttpFunction）

前提

使用的类必须注入HttpClient，如

constructor(

​ public http: HttpClient

) { }

备注：

如果使用的组件库

介绍

1、主要包括五种请求方式：

方法名	参数(请情见下表)	返回数据格式
GET	url: string, code: string = '1000000' errMsg: string = null	code: "1000000" message: "SUCCESS" data: ｛｝
GET_DATA	url: string, code: string = '1000000' errMsg: string = null	data: ｛｝
POST	url: string, code: string = '1000000' errMsg: string = null	code: "1000000" message: "SUCCESS" data: ｛｝
DELETE	url: string, code: string = '1000000' errMsg: string = null	code: "1000000" message: "SUCCESS" data: ｛｝
PATCH	url: string, code: string = '1000000' errMsg: string = null	code: "1000000" message: "SUCCESS" data: ｛｝
PUT	url: string, code: string = '1000000' errMsg: string = null	code: "1000000" message: "SUCCESS" data: ｛｝

2、参数

参数名称	是否必填	参数介绍
url: string	必填	接口url路径
code: string	非必填	接口url返回的数据code，默认为'1000000'
errMsg	非必填	如果使用此参数，必须注入ng-zorro-antd的modal: ModalService(这个参数，目前只有集成在用，后期会将此参数删除)

使用

1、创建一个angular服务，并注入HttpClient

@Injectable({
  providedIn: 'root'
})
export class Service {

  constructor(
    public http: HttpClient,
  ) { }
}

2、导入GET

import { GET, POST } from '@interaction/http-function'

3、为angular服务创建一个方法

@Injectable({
  providedIn: 'root'
})
export class Service {

  constructor(
    public http: HttpClient,
  ) { }

  @GET('/getdata')
  getData(params: { params: HttpParams }): Observable<any> {
    return null;
  }

 @POST('/getdata')
  postData(params): Observable<any> {
    return null;
  }

}

4、在组件中使用

export class HomeComponent {
	constructor(
		public service: Service
   ){}

	get(): void {
	  const params: HttpParams = new HttpParams().set('id', `${id}`);
	  this.service.getData({ params: params }).subscribe(
		(sucess)=> {},
		(error) => {}
	  )
	}
	
	post(): void {
	  const params = {id: `${id}`};
	  this.service.postData(params).subscribe(
		(sucess)=> {},
		(error) => {}
	  )
	}
}