Angular-请求数据

Get:

1.在app.module.ts中引入HttpClientModule并注入

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

imports:[

HttpClientModule, BrowserModule

]

2.在用到的地方引入HttpClient并在构造函数声明

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

constructor(public http:HttpClient){}

3.get请求数据

let api = "http://xxxxxxxxxxxxxxxx";

this.http.get(api).subscribe(res:any => {

//数据业务处理

});

 

Post

1.与get第一步一样

2.在用到的地方引入HttpClient并在构造函数声明

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

3.post提交请求数据

const httpOptions = {

headers:new HttpHeaders({'Content-Type':'application/json'});

}

let api = "http://xxxxxxxxxxxxxxxxx";

this.http.post(api, {username:'Tom',age:'20'}, httpOptions).subscribe(res:any => {

//数据业务处理

});

 

jsonp

在app.module.ts中引入HttpClientModule并注入

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

imports:[

HttpClientModule, BrowserModule,HttpClientJsonpModule

]

2.在用到的地方引入HttpClient并在构造函数声明

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

constructor(public http:HttpClient){}

3.请求数据

let api = "http://xxxxxxxxxxxx";

//此处的callback一般有后台给,不清楚问即可

this.http.jsonp(api,'callback').subcribe(res:any => {

//数据业务处理

});