Angular 5无法在服务器上发布数据

时间:2018-05-17 06:34:33

标签: http post angular5

嗨,我是角色5的新手 我正在做一个演示项目,但我无法从一些角度参考书上发布服务器上的数据我得到了这个逻辑来发送数据但它无法正常工作

 let params = new HttpParams();
params.set('action','CATEGORY');
this.http.post(this.url,{params}).subscribe(res => console.log(res.text()));

使用GET方法。

1 个答案:

答案 0 :(得分:1)

angular提供HttpClient来使用http方法,您应该像这样导入:

import {HttpClient} from "@angular/common/http";

然后使用服务与服务器联系

您可以通过ng g service yourservice命令

创建服务

在您的构造函数中准备好httpclient实例,并在需要时编写一个与服务器联系的函数:

 export class yourService {
       constructor(private http: HttpClient) {

      }

getData(data) {
      return this.http.post("your destinition url", data)
    }
}

并且在您喜欢的每个组件中,您可以通过服务

调用该功能
export class SimpleComponent implements OnInit{
  constructor(private _service: yourService) {
  }



  ngOnInit() {
   let data = {id: 1} // everthing you need pass in request this is just a example
    this._service.getData(data).subscribe(data => {
      console.log(data) 
    }
}

数据包含服务器响应和结果