ionic3中HttpClient请求数据

在ionic3中请求数据有很多种方式,其中最常见的就是HttpModule,那么今天给大家介绍的是另一个请求数据的模块HttpClient,下面我们看看HttpClientModule的使用。


1、首先在ionic3的 app.module.ts中引入HttpClientModule,并且要注入。


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



  imports: [
        BrowserModule,
        HttpClientModule
    ]



2、首先在ionic3用到的页面或者组件里面再次引入HttpClient,注意是HttpClient


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



3、用到的地方申明HttpClient


constructor(public http: HttpClient) {}


4、使用下面方法获取数据


http.get(url).subscribe(...)



完整demo

var api = "http://a.itying.com/api/productlist";
    this.http.get(api).subscribe(response => {
      console.log(JSON.parse(response["_body"]));

      var data=JSON.parse(response["_body"]);

      this.list = data.result;
    });