angular请求数据

get

第一步：在app.module.ts

import { HttpClientModule } from '@angular/common/http'
imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],

第二步：在组件

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

constructor(public http:HttpClient) { }

this.http.get(api).subscribe((resp)=>{
      console.log(resp)
    })

即可拿到响应resp

post

第一步：在app.module.ts

import { HttpClientModule } from '@angular/common/http'
imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule
  ],

第二步：在组件

import { HttpClient, HttpHeaders } from '@angular/common/http'

constructor(public http:HttpClient) { }

第三步：发送请求数据拿到resp

// 存在跨域
  doLogin(){
    // 手动设置请求类型
    const httpOptions = {headers: new HttpHeaders({'content-Type':'application/json'})}
    // 存在跨域
    let api='127.0.0.1'
    this.http.post(api, {"username":"张三"}, httpOptions).subscribe((resp)=>{
      console.log(resp)
    })
  }

jsonp（跨域的第一种方法）

服务器必须支持jsonp

第一步：在app.module.ts

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

imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    HttpClientJsonpModule
  ],

第二步：在组件

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

// callback由后端决定
this.http.jsonp(api, 'callback').subscribe((resp)=>{
      console.log(resp)
    })