记录angular自带方法发送 get post请求

get

1. 在app.module.ts 引入模块

import { HttpClientModule } from '@angular/common/http'

2. 在app.module.ts引用

 imports: [BrowserModule, AppRoutingModule, FormsModule, `HttpClientModule`],

3. 在需要请求的页面引入 new.components.ts

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

4. 在需要请求的页面构造器声明HttpClient

 constructor(public storage: StorageService, public http: HttpClient) {}

5. 然后就可以直接用方法了

getHttp() {
    let api = 'http://a.itying.com/api/productlist';
    this.http.get(api).subscribe((response) => {
      console.log(response);
    });
  }

---

post

import { HttpClient, HttpHeaders } from '@angular/common/http';
 doLogin() {
    const httpOptions = {
      headers: new HttpHeaders({ 'Content-Type': 'application/json' }),
    };

    let api = '127.0.0.1:3000/dologin';
    this.http
      .post(api, { username: '张三' }, httpOptions)
      .subscribe((response) => {
        console.log(response);
      });
  }