ionic2 网络请求

 

 

一.  生成data-service.ts文件

   ionic g provider dataService

二.  get请求

1. 第一种

1.1在data-service.ts请求数据

getData(){
    return this.http.get('url').map(res => res.json());
  }

1.2 在page.ts调用请求到的数据

1.2.1先导入头文件

import { DataService } from '../../providers/data-service';

1.2.2再调用

public dataService: DataService

this.dataService.getData().subscribe(res => {
      console.log(res);
    })

2. 第二种

2.1在data-service.ts请求数据

getData(){
    return new Promise((resolve,reject)=>{
      this.http.get("url")
        .map(res=>res.json())
        .subscribe(d=>{
          console.log(d);
          //console.log(devices);
          resolve(d);
        },err=>{
          //reject(err)
        })
    })
  }

2.2 在page.ts调用请求到的数据

2.2.1先导入头文件

import { DataService } from '../../providers/data-service';

2.2.2再调用

public dataService: DataService

this.dataService.getData().then((d:any)=>{
      console.log(d)
    })

 三. post请求 （引用调用同上面get请求同样，这里只说data-service.ts请求数据）

1.采用第二种方式请求

addData(){
    let data = {
      "name": 'user',
      "passd": '123456,  
    };
    return new Promise((resolve, reject) => {
      this.http.post("url", data)
        .map(res => res.json())
        .subscribe(data => {
          //console.log(data)
          resolve(data);
        }, err => {
          console.log(err)
          //reject(err)
        })
    })
  }