angular2--前端对接接口方法

angular2前端对接接口方法

1、需要将谷歌浏览器设置跨域

https://www.cnblogs.com/cshi/p/5660039.html

2、在 \src\services\httpService.ts中创建接口路径：
post 方法：

public UserRegister(params:any):Promise<any>{
    return this.http.post(this.urlBasePath+"/api.php?ac=user_register",params)
              .toPromise()
              .then(this.extractData)
              .catch(this.handleError);
}

get 方法：

public UserRegister(params:any):Promise<any>{
    return this.http.post(this.urlBasePath+"/api.php?ac=user_register&telephone="+params.telephone+"&password="+params.password+"&code="+params.code)
              .toPromise()
              .then(this.extractData)
              .catch(this.handleError);
}

3、在需要调用接口的页面内（例：注册页面 regpage.ts）
a、//loading弹窗显示 this.httpService.showModal();
b、需要用到的参数：

let params={
		telephone:this.phoneNumber,
		password:this.password,
		code:this.code
}

c、发送请求

this.httpService.UserRegister(params).then(result =&